feat: change font and color of Heading component

src/components/atoms/headings/Heading.tsx

@@ -3,14 +3,20 @@
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 
+import './headings.css';
+
 interface HeadingProps {
   title: string;
 }
 
 const Heading = ({ title }: HeadingProps) => {
   const { t } = useTranslation();
 
-  return <h1 className='mb-5'>{t(title)}</h1>;
+  return (
+    <h1 className='heading drop-shadow-lg mb-3 text-5xl font-bold'>
+      {t(title)}
+    </h1>
+  );
 };
 
 export default Heading;

src/components/atoms/headings/headings.css

@@ -0,0 +1,10 @@
+.heading {
+  height: 52px;
+  background-image: radial-gradient(
+    circle at 10% 20%,
+    rgb(59, 149, 237) 0%,
+    rgb(7, 91, 173) 90%
+  );
+  background-clip: text;
+  color: transparent;
+}