*{box-sizing:border-box}html,body{margin:0;padding:0}html{background-color:#ad1f45;color:black;height:100%;background-image:url("../../../img/login.jpg");background-size:cover}body{display:flex;align-items:center;justify-content:center;height:100%;font-family:sans-serif}#main{align-self:center;background-color:rgba(255,255,255,0.98);padding:16px;border-radius:5px;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);font-size:18px}#main h1{margin:0;padding:0}#main label{display:block;margin:0;padding:0;line-height:1.4;margin-top:24px;font-size:15px}#main input{all:unset;box-sizing:border-box;display:block;margin:8px 0;padding:4px 6px;line-height:1.4;box-shadow:0 0 0 2px rgba(140,115,122,0.3);border-radius:5px;width:100%;transition:all 300ms ease}#main input:focus{box-shadow:0 0 0 3px rgba(217,38,86,0.9)}#main input:hover{background-color:rgba(128,128,128,0.1)}#main input[type="submit"]{margin:auto;margin-top:32px;width:auto}#main input[type="submit"]:active{box-shadow:0 0 0 2px rgba(191,64,119,0.9)}#main #error{display:block;width:100%;margin:0;margin-top:32px;padding:4px 6px;color:red;font-weight:bold}#main #error:empty{display:none}