body{width:100vw;min-height:100vh;background-image:url('../../img/authen-bg.jpg');background-size:cover;display:flex;justify-content:center;align-items:center}.card-login{max-width:90%;width:500px;background:#fff;border-radius:30px;overflow:hidden;padding:30px 40px;box-shadow:0 1px 20px 0 rgba(0,0,0,.1)}#form-login{margin-top:60px}.title{text-align:center;font-weight:600;text-transform:uppercase;margin-bottom:50px}.group-frame{position:relative;margin-bottom:30px}.icon-frame{top:0;left:0;height:100%;width:30px;position:absolute;display:flex;justify-content:center;align-items:center;font-size:18px;color:#7f7f7f}.group-frame input{transition:.5s;width:100%;border:0;outline:0;border-bottom:1px solid #7f7f7f;font-size:16px;padding:15px 15px 15px 35px;background-color:#fff}.group-frame input:focus{border-bottom:1px solid #b721ff}.group-frame input:focus+.icon-frame{color:#b721ff}#form-login button{margin-top:20px;transition:.5s;outline:0;border:0;width:100%;color:#fff;line-height:1.2;text-transform:uppercase;padding:0 20px;text-align:center;background-image:linear-gradient(to right,#21d4fd,#21d4fd,#b721ff);box-shadow:0 5px 30px 0 rgba(3,216,222,.2);padding:10px 0;font-weight:bold;border-radius:40px}#form-login button:hover{background-image:linear-gradient(to right,#1bc0e5,#1bc3e9,#9815d7)}