moved animations

app/components/BlurredCode.tsx

@@ -55,14 +55,6 @@ export default function BlurredCode() {
                     {pythonCode + '\n\n\n' + pythonCode + '\n\n\n' + pythonCode}
                 </SyntaxHighlighter>
             </div>
-
-            <style dangerouslySetInnerHTML={{
-                __html: `
-                @keyframes scrollUp {
-                  0% { transform: translateY(0); }
-                  100% { transform: translateY(-33.33%); }
-                }
-            `}} />
         </div>
     );
 }

app/globals.css

@@ -22,4 +22,9 @@
     100% {
         opacity: 1;
     }
+}
+
+@keyframes scrollUp {
+    0% { transform: translateY(0); }
+    100% { transform: translateY(-33.33%); }
 }