@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:#f5f5f1;background-image:linear-gradient(135deg,#f5f5f1,#cfcada);font-family:Poppins,sans-serif}::selection{background:hsla(165,2%,63%,.3)}.container{align-items:center;display:flex;flex-direction:column;height:100%}.wrapper{background:#fff;border-radius:5px;box-shadow:0 4px 10px 1px rgba(0,0,0,.1);margin-top:10%;max-width:440px;width:100%}.wrapper .title{align-items:center;background:#2f2f2f;border-radius:5px 5px 0 0;color:#fff;display:flex;font-size:30px;font-weight:600;height:90px;justify-content:center}.wrapper form{padding:30px 25px 25px}.wrapper form .row{height:45px;margin-bottom:15px;position:relative}.wrapper form .row button,.wrapper form .row input{border:1px solid #d3d3d3;border-radius:5px;font-size:16px;height:100%;outline:none;padding-left:60px;transition:all .3s ease;width:100%}form .row button:focus,form .row input:focus{border-color:#2f2f2f;box-shadow:inset 0 0 2px 2px hsla(165,2%,63%,.3)}form .row input::placeholder{color:#999}.wrapper form .row i{align-items:center;background:#2f2f2f;border:1px solid #2f2f2f;border-radius:5px 0 0 5px;color:#fff;display:flex;font-size:18px;height:100%;justify-content:center;position:absolute;width:47px}.wrapper form .pass{margin:-8px 0 20px}.wrapper form .pass a{color:#2f2f2f;font-size:17px;text-decoration:none}.wrapper form .pass a:hover{text-decoration:underline}.wrapper form .button button{background:#2f2f2f;border:1px solid #2f2f2f;color:#fff;cursor:pointer;font-size:20px;font-weight:500;padding-left:0}form .button button:hover{background:#363636}.alert{background-color:transparent;border:1px solid transparent;color:inherit;margin-bottom:1rem;padding:1rem;position:relative;text-align:center}.alert-danger{background-color:#f8d7da;border-color:#f5c2c7;color:#842029}