diff --git a/app/components/section.tsx b/app/components/section.tsx
index ded7758..aff3821 100644
--- a/app/components/section.tsx
+++ b/app/components/section.tsx
@@ -19,7 +19,7 @@ export default function Section({
 
     const variantClasses = {
         default: "bg-stone-900",
-        hero: "polka lg:pt-40",
+        hero: "polka pt-20 lg:pt-40",
         minimal: "bg-transparent"
     };
 
diff --git a/app/globals.css b/app/globals.css
index 53b0dbd..fa289b6 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -15,12 +15,24 @@ body {
 }
 
 .polka{
+  overflow: hidden;
+}
+
+.polka::before{
+  content: "";
+  position: absolute;
+  width: 10000%;
+  height: 10000%;
+  top: -5000%;
+  left: -5000%;
+  z-index: -1;
   background-image: radial-gradient(#0c0a09 20%, #292524 22%);
   background-size: 80px 80px;
   animation-name: background_keyframes;
   animation-duration: 8s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
+  transform: rotate(30deg);
 }
 
 @keyframes background_keyframes {