diff --git a/public/main.css b/public/main.css
index cd4e74a..b0b8b2a 100644
--- a/public/main.css
+++ b/public/main.css
@@ -45,6 +45,20 @@ html, body {
     display: none;
 }
 
+.modal.loader {
+    border: 16px solid #F0F0F0;
+    border-top: 16px solid #000000;
+    border-radius: 50%;
+    width: 120px;
+    height: 120px;
+    animation: spin 2s linear infinite;
+    margin: -4em auto auto -4em;
+    display: flex;
+    top: 50%;
+    left: 50%;
+    position: absolute;
+}
+
 @-webkit-keyframes from_top {
     from {
         margin: -6em auto;
@@ -68,3 +82,8 @@ html, body {
         opacity: 1;
     }
 }
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
diff --git a/views/index.erb b/views/index.erb
index 194e2a2..8e2458b 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -3,6 +3,7 @@
     <p>Ayy... lmao</p>
   </div>
 </div>
+<div class="modal loader"></div>
 <div id="video"></div>
 <audio id="soundtrack" preload="auto" loop>
   <source src="/willpower.mp3" type="audio/mpeg">