diff --git a/frontend/index.html b/frontend/index.html
index b5bde54..f15f14a 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -9,20 +9,22 @@
   </head>
   <body>
     <script src="/frontend/index.js"></script>
-    <div id="login" class="flex three">
-      <div class="fourth two-fifth-1000"></div>
-      <div class="flex one half fifth-1000" style="height: 100%">
-        <div class="loginSpacer"></div>
-        <article class="card" style="padding: 5%">
-          <label for="name">Name</label> <br>
-          <input type="text" id="name"> <br>
-          <label for="password">Password</label> <br>
-          <input type="password" id="password"> <br>
-          <input type="submit" value="Login" style="width: 100%" onclick="login()" id="loginSubmit"> <br>
-        </article>
-        <div class="loginSpacer"></div>
+    <div id="login">
+      <div class="flex three demo" style="height: 100%; width: 100%">
+        <div class="fourth two-fifth-1000"></div>
+        <div class="flex one demo half fifth-1000" style="height: 100%">
+          <div class="loginSpacer"></div>
+          <article class="card" style="padding: 5%">
+            <label for="name">Name</label> <br>
+            <input type="text" id="name"> <br>
+            <label for="password">Password</label> <br>
+            <input type="password" id="password"> <br>
+            <input type="submit" value="Login" style="width: 100%" onclick="login()" id="loginSubmit"> <br>
+          </article>
+          <div class="loginSpacer"></div>
+        </div>
+        <div class="fourth two-fifth-1000"></div>
       </div>
-      <div class="fourth two-fifth-1000"></div>
     </div>
     <div id="mainPage" style="display: none;">
       <div id="content">
