diff --git a/assets/main.css b/assets/main.css index 27aae15..50b85d0 100644 --- a/assets/main.css +++ b/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;