#login-content{position:fixed;padding:0;margin:0;font-family:Roboto,sans-serif;top:0;left:0;width:100%;height:100%;box-sizing:border-box;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{margin:auto}.logo img{width:100%}.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:none;background:none;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:70%;margin-left:15%;height:60px;background-color:#028802;color:#fff;border-radius:25px;box-shadow:3px 3px 3px #b1b1b1,-3px -3px 3px #fff;letter-spacing:1.3px}.wrapper .btn:hover{background-color:#e4a460;color:#fff}.wrapper a{text-decoration:none;font-size:.8rem;color:#028802}.wrapper a:hover{color:#efffd4}@media (max-width: 380px){.wrapper{margin:30px 20px;padding:40px 15px 15px}}