@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";body{padding:0;margin:0;background-color:#164194}.login{height:100vh;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.card{background-color:#fff;padding:2em;border-radius:.5em;width:20em;margin:2em}.logo{display:flex;justify-content:center;padding-bottom:.8em}.logo img{width:70%}.card-content label{color:#164194;font-size:1.1em}.card-content-area{display:flex;flex-direction:column;padding:1em 0}.card-content-area input{margin-top:.5em;background-color:transparent;padding:0 .1em;border:none;border-bottom:1px solid #e1e1e1;outline:none;font-size:1.2em;color:#222}i{position:absolute;cursor:pointer;color:#164194!important;font-weight:600!important;margin-left:18em;margin-top:1.3em}.card-footer{display:flex;flex-direction:column}.card-footer a{text-decoration:none;color:#222;font-weight:500;opacity:.8;text-align:center;padding-bottom:1em}.card-footer .submit{width:60%;height:2em;background-color:#164194;border-radius:.3em;color:#fff;margin:.5em auto;border:none;font-size:1em;cursor:pointer;box-shadow:1px 1px 4px #444}@media (max-width: 425px){i{margin-left:16em;margin-top:1.3em}}@media (max-width: 375px){i{margin-left:14em;margin-top:1.3em}}