diff --git a/index.js b/index.js
index d6edb9f..922d3ef 100644
--- a/index.js
+++ b/index.js
@@ -227,48 +227,7 @@ function pageUpdate() {
     currentMonth = now.getMonth() + 1
 
     if ([11, 12].includes(currentMonth)) { // The Below HTML is copy and pasted from that one site :>
-        html = html.replace("{SEASONAL_EFFECT}", `
-        <div class="snowflakes" aria-hidden="true">
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-            <div class="snowflake">
-                <div class="inner">●</div>
-            </div>
-        </div>
-        <br>
-        <p>I love the winter :></p>
-`)
+        html = html.replace("{SEASONAL_EFFECT}", fs.readFileSync(path.join(__dirname, 'static/snow.html')))
     } else {
         html = html.replace("{SEASONAL_EFFECT}", "")
     }
diff --git a/static/snow.html b/static/snow.html
new file mode 100644
index 0000000..256de59
--- /dev/null
+++ b/static/snow.html
@@ -0,0 +1,155 @@
+<style>
+.snowflake {
+    color: white;
+    font-size: 0.5em;
+    font-family: Arial, sans-serif;
+    text-shadow: 0 0 5px #000;
+    visibility: hidden;
+}
+
+.snowflake,
+.snowflake .inner {
+    z-index: 1;
+    animation-iteration-count: infinite;
+    animation-play-state: running
+}
+
+@keyframes snowflakes-fall {
+    0% {
+        visibility: visible;
+        transform: translateY(0)
+    }
+
+    100% {
+        visibility: visible;
+        transform: translateY(110vh)
+    }
+}
+
+@keyframes snowflakes-shake {
+
+    0%,
+    100% {
+        transform: translateX(0)
+    }
+
+    50% {
+        transform: translateX(80px)
+    }
+}
+
+.snowflake {
+    position: fixed;
+    top: -10%;
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: default;
+    animation-name: snowflakes-shake;
+    animation-delay: 0.5s;
+    animation-duration: 3s;
+    animation-timing-function: ease-in-out
+}
+
+.snowflake .inner {
+    animation-duration: 10s;
+    animation-delay: 0.5s;
+    animation-name: snowflakes-fall;
+    animation-timing-function: linear
+}
+
+.snowflake:nth-of-type(0) {
+    left: 1%;
+    animation-delay: 0s
+}
+
+.snowflake:nth-of-type(0) .inner {
+    animation-delay: 0s
+}
+
+.snowflake:first-of-type {
+    left: 10%;
+    animation-delay: 1s
+}
+
+.snowflake:first-of-type .inner,
+.snowflake:nth-of-type(8) .inner {
+    animation-delay: 1s
+}
+
+.snowflake:nth-of-type(2) {
+    left: 20%;
+    animation-delay: .5s
+}
+
+.snowflake:nth-of-type(2) .inner,
+.snowflake:nth-of-type(6) .inner {
+    animation-delay: 6s
+}
+
+.snowflake:nth-of-type(3) {
+    left: 30%;
+    animation-delay: 2s
+}
+
+.snowflake:nth-of-type(11) .inner,
+.snowflake:nth-of-type(3) .inner {
+    animation-delay: 4s
+}
+
+.snowflake:nth-of-type(4) {
+    left: 40%;
+    animation-delay: 2s
+}
+
+.snowflake:nth-of-type(10) .inner,
+.snowflake:nth-of-type(4) .inner {
+    animation-delay: 2s
+}
+
+.snowflake:nth-of-type(5) {
+    left: 50%;
+    animation-delay: 3s
+}
+
+.snowflake:nth-of-type(5) .inner {
+    animation-delay: 8s
+}
+
+.snowflake:nth-of-type(6) {
+    left: 60%;
+    animation-delay: 2s
+}
+
+.snowflake:nth-of-type(7) {
+    left: 70%;
+    animation-delay: 1s
+}
+
+.snowflake:nth-of-type(7) .inner {
+    animation-delay: 2.5s
+}
+
+.snowflake:nth-of-type(8) {
+    left: 80%;
+    animation-delay: 0s
+}
+
+.snowflake:nth-of-type(9) {
+    left: 90%;
+    animation-delay: 1.5s
+}
+
+.snowflake:nth-of-type(9) .inner {
+    animation-delay: 3s
+}
+
+.snowflake:nth-of-type(10) {
+    left: 25%;
+    animation-delay: 0s
+}
+
+.snowflake:nth-of-type(11) {
+    left: 65%;
+    animation-delay: 2.5s
+}
+</style>
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 43b1476..87181c1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -281,158 +281,4 @@ hr {
         opacity: 1;
         transform: none;
     }
-}
-
-.snowflake {
-    color: white;
-    font-size: 0.5em;
-    font-family: Arial, sans-serif;
-    text-shadow: 0 0 5px #000;
-    visibility: hidden;
-}
-
-.snowflake,
-.snowflake .inner {
-    z-index: 1;
-    animation-iteration-count: infinite;
-    animation-play-state: running
-}
-
-@keyframes snowflakes-fall {
-    0% {
-        visibility: visible;
-        transform: translateY(0)
-    }
-
-    100% {
-        visibility: visible;
-        transform: translateY(110vh)
-    }
-}
-
-@keyframes snowflakes-shake {
-
-    0%,
-    100% {
-        transform: translateX(0)
-    }
-
-    50% {
-        transform: translateX(80px)
-    }
-}
-
-.snowflake {
-    position: fixed;
-    top: -10%;
-    -webkit-user-select: none;
-    user-select: none;
-    cursor: default;
-    animation-name: snowflakes-shake;
-    animation-delay: 0.5s;
-    animation-duration: 3s;
-    animation-timing-function: ease-in-out
-}
-
-.snowflake .inner {
-    animation-duration: 10s;
-    animation-delay: 0.5s;
-    animation-name: snowflakes-fall;
-    animation-timing-function: linear
-}
-
-.snowflake:nth-of-type(0) {
-    left: 1%;
-    animation-delay: 0s
-}
-
-.snowflake:nth-of-type(0) .inner {
-    animation-delay: 0s
-}
-
-.snowflake:first-of-type {
-    left: 10%;
-    animation-delay: 1s
-}
-
-.snowflake:first-of-type .inner,
-.snowflake:nth-of-type(8) .inner {
-    animation-delay: 1s
-}
-
-.snowflake:nth-of-type(2) {
-    left: 20%;
-    animation-delay: .5s
-}
-
-.snowflake:nth-of-type(2) .inner,
-.snowflake:nth-of-type(6) .inner {
-    animation-delay: 6s
-}
-
-.snowflake:nth-of-type(3) {
-    left: 30%;
-    animation-delay: 2s
-}
-
-.snowflake:nth-of-type(11) .inner,
-.snowflake:nth-of-type(3) .inner {
-    animation-delay: 4s
-}
-
-.snowflake:nth-of-type(4) {
-    left: 40%;
-    animation-delay: 2s
-}
-
-.snowflake:nth-of-type(10) .inner,
-.snowflake:nth-of-type(4) .inner {
-    animation-delay: 2s
-}
-
-.snowflake:nth-of-type(5) {
-    left: 50%;
-    animation-delay: 3s
-}
-
-.snowflake:nth-of-type(5) .inner {
-    animation-delay: 8s
-}
-
-.snowflake:nth-of-type(6) {
-    left: 60%;
-    animation-delay: 2s
-}
-
-.snowflake:nth-of-type(7) {
-    left: 70%;
-    animation-delay: 1s
-}
-
-.snowflake:nth-of-type(7) .inner {
-    animation-delay: 2.5s
-}
-
-.snowflake:nth-of-type(8) {
-    left: 80%;
-    animation-delay: 0s
-}
-
-.snowflake:nth-of-type(9) {
-    left: 90%;
-    animation-delay: 1.5s
-}
-
-.snowflake:nth-of-type(9) .inner {
-    animation-delay: 3s
-}
-
-.snowflake:nth-of-type(10) {
-    left: 25%;
-    animation-delay: 0s
-}
-
-.snowflake:nth-of-type(11) {
-    left: 65%;
-    animation-delay: 2.5s
 }
\ No newline at end of file