@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
*{font-family:Roboto,sans-serif;margin:0;padding:0}body{background-color:#f2f2f2}.content{align-items:center;display:flex;height:calc(100vh - 65px);justify-content:center}.content form{background:#fff;box-shadow:5px 5px 10px #d0c9c9;height:315px;padding:30px 20px;width:300px}.content form img.logo{display:block;margin:auto auto 30px;max-height:60px;max-width:100%;width:auto}.content form input{margin-bottom:15px}.form-input{background-clip:padding-box;background-color:#fff;border:1px solid #21c4ff;border-radius:5px;box-sizing:border-box;color:#585858;display:block;font-size:13px;height:38px;padding:4px 8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-input:focus{border-color:#15a3f4;box-shadow:0 0 0 1px #15a3f4;outline:0}.form-input::-moz-placeholder{color:#d0c9c9}.form-input:-ms-input-placeholder{color:#d0c9c9}.form-input::placeholder{color:#d0c9c9}.form-btn{background:#15a3f4;border:1px solid #f2f2f2;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:14px;height:40px;margin:20px 0;text-transform:uppercase;width:100%}.terminos{color:#272727;font-size:13px;padding:0 8px;text-align:center}.terminos a{color:inherit}footer{align-items:center;background:#0a4275;border-top:5px solid #000;color:#fff;display:flex;height:50px;justify-content:center;margin-top:10px;padding:0 10px}footer a{color:inherit;text-decoration:none}.invalid,.invalid:focus{border-color:#f93154!important}.invalid:focus{box-shadow:0 0 0 1px #f93154}.feedback{margin-bottom:15px;margin-top:-12px}.feedback *{color:#f93154;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:600px){.content form{height:auto;width:275px}.terminos{font-size:12px}}h2.invalid{color:#f93154;font-size:15px;margin-bottom:10px}