diff --git a/index.html b/index.html
index ced1b10..5194778 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,17 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="main.css">
   </head>
+
   <body>
-    <div class="container">
-      <div class="">
+    <div class="container logIn">
+      <div class="row">
+        <div class="col-xs-12">
+          
+        </div>
+      </div>
     </div>
+
   </body>
-
-
-
 </html
diff --git a/main.css b/main.css
index e69de29..e214198 100644
--- a/main.css
+++ b/main.css
@@ -0,0 +1,21 @@
+html {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+}
+body {
+  height: 100%;
+  width: 100%;
+  background: darkgrey;
+}
+div.logIn {
+  height: 500px;
+  width: 500px;
+  background-color: grey;
+  position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-right: -50%;
+    transform: translate(-50%, -50%);
+}
