@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#ecf0f3}.wrapper{background-color:#ecf0f3;border-radius:15px;box-shadow:13px 13px 20px #cbced1,-13px -13px 20px #fff;margin:80px auto;max-width:350px;min-height:500px;padding:40px 30px 30px}.logo{margin:auto;width:80px}.logo img{border-radius:50%;box-shadow:0 0 3px #5f5f5f,0 0 0 5px #ecf0f3,8px 8px 15px #a7aaa7,-8px -8px 15px #fff;height:80px;object-fit:cover;width:100%}.wrapper .name{color:#555;font-size:1.4rem;font-weight:600;letter-spacing:1.3px;padding-left:10px}.wrapper .form-field input{background:none;border:none;color:#666;display:block;font-size:1.2rem;outline:none;padding:10px 15px 10px 10px;width:100%}.wrapper .form-field{border-radius:20px;box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff;margin-bottom:20px;padding-left:10px}.wrapper .form-field .fas{color:#555}.wrapper .remember{color:#555;letter-spacing:1.3px;padding-left:10px}.wrapper .btn{background-color:#94c464;border-radius:25px;box-shadow:none;box-shadow:3px 3px 3px #b1b1b1,-3px -3px 3px #fff;color:#fff;height:40px;letter-spacing:1.3px;width:100%}.wrapper .btn:hover{background-color:#434342}.wrapper a{color:#94c464;font-size:.8rem;text-decoration:none}.wrapper a:hover{color:#434342}@media(max-width:380px){.wrapper{margin:30px 20px;padding:40px 15px 15px}}