body{margin:0}body .login{height:100vh;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;background:#034EA2}body .login .card{background-color:#fff;padding:2em;border-radius:.5em;width:20em;margin:2em}body .login .card .logo{display:inline-flex;justify-content:center;padding-bottom:.8em}body .login .card .logo img{width:70%}body .login .card .card-content{color:#034ea2;font-size:1.1em}body .login .card .card-content .card-content-area{display:flex;flex-direction:column;padding:1em 0;position:relative}body .login .card .card-content .card-content-area input{padding-top:.6em!important;background-color:transparent;padding:0 .1em;border:none;border-bottom:1px solid #e1e1e1;outline:none;font-size:1.2em;color:#222}body .login .card .card-content .card-content-area i{position:absolute;cursor:pointer;color:#164194!important;font-weight:600!important;margin-left:18em;top:2.8rem;right:.9rem}body .login .card .card-content .card-content-login{display:flex;flex-direction:column;gap:1.5em}body .login .card .card-content .card-content-login a{text-decoration:none;color:#222;font-weight:500;opacity:.8;text-align:center;font-size:.875em;transition:.3s}body .login .card .card-content .card-content-login a:hover{text-decoration:underline}body .login .card .card-content .card-content-login input{width:100%;height:2em;background:#034EA2;border-radius:.3em;color:#fff;border:1px solid #034EA2;font-size:1em;cursor:pointer;box-shadow:1px 1px 4px #b4b4b4;transition:.3s;position:relative}body .login .card .card-content .card-content-login input:hover{background:#FFFFFF;color:#034ea2;border:1px solid #034EA2}