body{position:relative;padding:180px 0 0 0;margin:0}body::before{position:absolute;top:0;right:0;left:0;bottom:0;content:'';background:url(../images/background-login.jpg);background-size:cover;background-repeat:no-repeat;filter:contrast(1.1);z-index:-1}.container{text-align:center;padding:10px;width:50%;margin:auto;margin-bottom:50px}.container h3{color:#fff;margin:auto;margin-bottom:30px;letter-spacing:1px;line-height:30px}form{color:#aaa;text-align:center;font-size:14px;letter-spacing:1px;outline:none}.container input[type=text],.container input[type=email]{text-transform:uppercase;border:none;border-bottom:2px var(--primary) solid;width:60%;padding:10px;background:none;outline:none;color:#fff;font-size:14px;margin-bottom:20px;text-align:center;letter-spacing:1px}.container ::placeholder{text-align:center;letter-spacing:1px}form input[type=text]::placeholder{color:#aaa;size:14px;letter-spacing:1px;text-transform:uppercase}textarea{width:100%;background:rgba(0,0,0,0.4);border:2px var(--primary) solid;margin:20px 0 30px 0;outline:none;color:#fff;padding:10px;text-transform:uppercase;font-family:Encode Sans Expanded;font-size:12px;letter-spacing:1px;box-sizing:border-box}.button{display:inline;text-align:center}.button:hover{border:1px #fff solid;color:#fff}.alert{text-transform:uppercase;letter-spacing:1px;box-sizing:border-box;font-size:12px;width:-webkit-fit-content;margin:0 auto 30px auto;padding:12px;box-sizing:border-box}.alert-danger{background:var(--primary);color:#fff}.alert-success{background:green;color:#fff}@media (max-width: 800px){body{padding:100px 0 0 0}body::before{background-size:contain;background-repeat:repeat}.logo{top:20px;left:60px;width:70px}.container{width:100%;padding:20px;grid-template-columns:1fr;margin-bottom:20px;box-sizing:border-box}.container input[type=text],.container input[type=email]{width:80%}.button{font-size:10px !important}}