From 6ea3e13cfdbb5c946a0323ee6bbe9182b2820e27 Mon Sep 17 00:00:00 2001
From: Mike Karl <karl.mike2002@gmail.com>
Date: Tue, 28 Oct 2025 21:07:40 +0100
Subject: [PATCH] Refactor polka background styling in global CSS to improve
 visual consistency; adjust dimensions, animation duration, and transform
 properties for enhanced performance and aesthetics.

---
 app/globals.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 5d0360a..1a02737 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -23,18 +23,19 @@ body {
 .polka::before{
   content: "";
   position: absolute;
-  width: 10000%;
-  height: 10000%;
-  top: -5000%;
-  left: -5000%;
+  width: 200%;
+  height: 200%;
+  top: -50%;
+  left: -50%;
   z-index: -1;
-  background-image: radial-gradient(#0c0a09 20%, #292524 22%);
+  background-image: radial-gradient(#0c0a09b5 20%, #292524 22%);
   background-size: 80px 80px;
   animation-name: background_keyframes;
-  animation-duration: 8s;
+  animation-duration: 10s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
-  transform: rotate(30deg);
+  transform: rotate(35deg) scale(2);
+  contain: paint;
 }
 
 @keyframes background_keyframes {