diff --git a/index.css b/index.css
index b129214..1c4dc25 100644
--- a/index.css
+++ b/index.css
@@ -12,29 +12,38 @@
     font-style: normal;
 }
 
+@keyframes AnimationName {
+    0% { background-position: 0% 50%; }
+    50% { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+}
+
 body {
     font-family: 'Atkinson Hyperlegible';
-    padding: 1%;
+    padding: 2em;
     height: 100vh;
     font-size: 18px;
     max-width: 40em;
-    background: linear-gradient(234deg, #ffecf2, #ffd9e5);
-    -webkit-animation: AnimationName 5s ease infinite;
-    -moz-animation: AnimationName 5s ease infinite;
-    -o-animation: AnimationName 5s ease infinite;
-    animation: AnimationName 5s ease infinite;
     margin: auto;
 }
 
+html {
+    min-height: 100%;
+    background: linear-gradient(130deg, #ffecf2, #ffd9e5) no-repeat;
+    background-size: 200% 200%;
+    animation: AnimationName 30s ease infinite;
+}
+
 @media (prefers-color-scheme: dark) {
     body {
-        background: linear-gradient(234deg, #28282B, #353935);
-        -webkit-animation: AnimationName 5s ease infinite;
-        -moz-animation: AnimationName 5s ease infinite;
-        -o-animation: AnimationName 5s ease infinite;
-        animation: AnimationName 5s ease infinite;
         color: white;
     }
+    html {
+        min-height: 100%;
+        background: linear-gradient(130deg, #28282B, #353935) no-repeat;
+        background-size: 200% 200%;
+        animation: AnimationName 30s ease infinite;
+    }
     a:visited {
         color: #7174ab
     }