*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif }body{background:#ecf0f3 }.wrapper{max-width:350px;min-height:500px;margin:80px auto;padding:40px 30px 30px;background-color:#ecf0f3;border-radius:15px;box-shadow:13px 13px 20px #cbced1,-13px -13px 20px #fff }.logo{width:80px;margin:auto }.logo img {width: 100%;max-width: 100%;height: 100%;max-height: 80px !important;}.wrapper .name{font-weight:600;font-size:1.4rem;letter-spacing:1.3px;padding-left:10px;color:#555 }.wrapper .form-field input{width:100%;display:block;border:none;outline:0;background:0 0;font-size:1.2rem;color:#666;padding:10px 15px 10px 10px }.wrapper .form-field{padding-left:10px;margin-bottom:20px;border-radius:20px;box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff }.wrapper .form-field .fas{color:#555 }.wrapper .btn{box-shadow:none;width:100%;height:40px;background-color:#0e5a9a;color:#fff;border-radius:25px;box-shadow:3px 3px 3px #b1b1b1,-3px -3px 3px #fff;letter-spacing:1.3px }.wrapper .btn:hover{background-color:#0e76cd }.wrapper a{text-decoration:none;font-size:.8rem;color:#0e5a9a;font-weight:550 }.wrapper a:hover{color:#00c55d }.viewpassword{display:flex;align-items:center;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;margin-right:17px }@media(max-width:380px){.wrapper{margin:30px 20px;padding:40px 15px 15px }}