html,body{height:100%}body{min-height:256px;background:#fbfbfb;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Arial,Helvetica,sans-serif}form#login{max-width:320px;width:100%;background:#fff;padding:20px;box-shadow:1px 1px 5px #46464011;border-radius:24px}form#login>img{display:block;width:100%;max-width:180px;margin:0 auto;padding:20px}form#login input{box-sizing:border-box;border:none;padding:15px;color:#000;width:100%;outline:none;display:block;margin-top:15px;margin-bottom:0;transition:all .3s ease;background:#f1f4fa;border-radius:55px}form#login input:hover{background:#fff2}form#login input[type=submit]{color:#f5f5f5;border:none;background:#1779ce;width:100%}form#login input[type=submit]:disabled{background:#f7d37f;cursor:not-allowed}form#login input[type=submit]:hover{color:#fff;background:#127bd5}form#login.error input{background:#fcc}form#login.error input[type=submit]{background:#ec1c19;color:#fff3f3}form#login.error input[type=submit]:hover{background:#ff120f}