From 33e8cf647d306b7d0c275ed0d92fe3a791a1de3a Mon Sep 17 00:00:00 2001
From: Lucas Kent <97860398+Bulbous-Baboon@users.noreply.github.com>
Date: Tue, 22 Nov 2022 12:39:22 -0500
Subject: [PATCH] Backround fix

---
 index.html | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
diff --git a/index.html b/index.html
index 5c0d720..c2c24ab 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
       <link rel="stylesheet" href="styles/button.css">
     </head>
     <body>
+      <div class="bg"></div>
         <ul>
             <li><a class="active" href="/index.html">Home</a></li>
             <li><a href="/sitemap.html">Sitemap</a></li>
@@ -28,6 +29,40 @@
         <a hidden href='/sitemap.html'><button class="button">Sitemap</button></a>
     </body>
     <style>
+      body {
+  background-color: #111111;
+  margin: 0;
+  overflow-x: hidden;
+}
+
+.bg {
+  position: fixed;
+  top: -50%;
+  left: -50%;
+  right: -50%;
+  bottom: -50%;
+  width: 200%;
+  height: 200vh;
+  background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
+  background-repeat: repeat;
+  animation: bg-animation .2s infinite;
+  opacity: .9;
+  visibility: visible;
+}
+
+@keyframes bg-animation {
+    0% { transform: translate(0,0) }
+    10% { transform: translate(-5%,-5%) }
+    20% { transform: translate(-10%,5%) }
+    30% { transform: translate(5%,-10%) }
+    40% { transform: translate(-5%,15%) }
+    50% { transform: translate(-10%,5%) }
+    60% { transform: translate(15%,0) }
+    70% { transform: translate(0,10%) }
+    80% { transform: translate(-15%,0) }
+    90% { transform: translate(10%,5%) }
+    100% { transform: translate(5%,0) }
+}
     </style>
     <style>
         ul {
