.login{width:300px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);background-color:#444;padding:20px;border-radius:4px;box-shadow:2px 2px 6px rgba(0,0,0,.8)}.login-body .header{font-weight:700;font-size:19px;text-align:center;margin-bottom:15px;color:#ffd24d}.login-input{width:100%;text-indent:12px;height:35px;border-radius:3px;border:1px solid #aaa;margin:5px 0}.login-input::placeholder{color:#666}.login-btn{padding:0 10px;display:block;color:#333;font-weight:700;background-color:#ffd24d;border-radius:3px;transition:all .15s linear;width:100%;height:35px;border:1px solid #333;margin:10px 0 5px;font-size:1.4rem}.login-btn:hover{background-color:#ffdf1b}.login-btn:focus{background:#56c2e1;box-shadow:inset 0 1px 6px rgba(255,255,255,.75)}.login .errorMessage{text-align:center;padding:5px;color:#fff;background-color:red}@media(max-width:1000px){.login-body .header{font-size:25px}.login-input{font-size:17px;height:48px}.login-btn{font-size:22px;height:48px}}