*{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}body,html{font-family:Roboto,sans-serif;font-weight:400;height:100%;padding:0;margin:0}hr{margin:2em 0}input{font-family:Roboto,sans-serif;font-weight:400}#loginForm{position:absolute;left:0;right:0;top:0;bottom:0;width:400px;height:300px;margin:auto}img{display:block;position:relative;width:250px;margin:0 auto}input{-webkit-appearance:none;border-radius:0;outline:0}#loginForm input[type=password],#loginForm input[type=text]{width:100%;padding:15px;background-color:#efefef;border:none;border-top:1px solid #009cdd;outline:0;border-radius:0}#loginForm input[type=submit]{position:relative;display:block;width:65px;height:30px;margin:0 auto;margin-top:20px;border:1px solid #009cdd;color:#009cdd;background:0 0;cursor:pointer;-webkit-transition:.25s;-o-transition:.25s;transition:.25s}#loginForm input[type=submit]:hover{color:#fff;background-color:#009cdd}#errormessage{display:block;width:100%;margin:10px 0;padding:5px 0;color:red;font-weight:300;text-align:center}@media screen and (max-width:550px){form{left:5%;top:20%;width:90%;height:300px;margin-left:0;margin-top:0}input[type=submit]{width:80px;height:35px;padding:0}}