Update main.css

assets/main.css

@@ -2,6 +2,8 @@
 body{
     background: #111;
     font-family: "Roboto", sans-serif;
+    text-align: center;
+    
 }
 p{
 	color: #fff;
@@ -11,7 +13,7 @@ a{
 }
 .wrapper{
     margin-top: 10vh;
-    text-align: center;
+    text-align: -webkit-center;
 }
 ul{
 	color: #848484;
@@ -23,7 +25,7 @@ ul{
 ul li{
 	padding-right: .2vh;
 }
-orm{
+form{
   position: absolute;
   top: 50%;
   left: 50%;
@@ -31,18 +33,19 @@ orm{
   margin-left: -250px;
   width: 500px;
   height: 200px;
-  border: 4px dashed #fff;
+  border: 2px dashed #353535;
 }
 form p{
+  position: absolute;
   width: 100%;
   height: 100%;
+  margin-top: -20vh;
   text-align: center;
   line-height: 170px;
   color: #ffffff;
-  font-family: Arial;
+  z-index: -1;
 }
 form input{
-  position: absolute;
   margin: 0;
   padding: 0;
   width: 100%;
@@ -51,22 +54,21 @@ form input{
   opacity: 0;
 }
 form button{
-  margin: 0;
-  color: #fff;
-  background: #16a085;
-  border: none;
-  width: 508px;
-  height: 35px;
-  margin-top: -20px;
-  margin-left: -4px;
-  border-radius: 4px;
-  border-bottom: 4px solid #117A60;
-  transition: all .2s ease;
-  outline: none;
+    margin: 0;
+    color: #fff;
+    background: #2d2d2d;
+    border: none;
+    width: 508px;
+    height: 35px;
+    margin-top: 15px;
+    margin-left: -4px;
+    border-radius: 4px;
+    border-bottom: 4px solid #252525;
+    transition: all .2s ease;
+    outline: none;
 }
 form button:hover{
-  background: #149174;
-	color: #0C5645;
+  background: #383838;
 }
 form button:active{
   border:0;