diff --git a/src/components/atoms/headings/Heading.tsx b/src/components/atoms/headings/Heading.tsx
index b7ee441..c2727d7 100644
--- a/src/components/atoms/headings/Heading.tsx
+++ b/src/components/atoms/headings/Heading.tsx
@@ -3,6 +3,8 @@
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 
+import './headings.css';
+
 interface HeadingProps {
   title: string;
 }
@@ -10,7 +12,11 @@ interface HeadingProps {
 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;
diff --git a/src/components/atoms/headings/headings.css b/src/components/atoms/headings/headings.css
new file mode 100644
index 0000000..cea65b1
--- /dev/null
+++ b/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;
+}