*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}body{background-color:#d5f0c1}.background{width:430px;height:520px;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}form{height:520px;width:400px;background-color:#80bcbd;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 40px #08071099;padding:50px 35px}form *{font-family:Poppins,sans-serif;color:#f9f7c9;letter-spacing:.5px;outline:none;border:none}form h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}.login-error{text-align:center;font-size:small;font-family:sans-serif}.login-error span{color:#a10404;font-family:sans-serif;visibility:hidden}label{display:block;margin-top:30px;font-size:16px;font-weight:500}input{height:50px;width:100%;background-color:#2f3c4112;border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300}form i{margin-left:-38px;cursor:pointer;font-size:20px}::placeholder{color:#f1edc5}button{margin-top:50px;width:100%;background-color:#fafadd;color:#57635b;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}.social{margin-top:30px;display:flex}.social div{background:red;width:150px;border-radius:3px;padding:5px 10px 10px 5px;background-color:#ffffff45;color:#f9f7c9;text-align:center}.social div:hover{background-color:#ffffff78;cursor:pointer}.social .fb{margin-left:25px}.social i{margin-right:4px}