.btn,.login-content h2{text-transform:uppercase}body{font-family:"Open Sans",sans-serif;color:#444}.login-content a,.login-content button{display:inline-block;font-size:1em;background:#ff0000bf;padding:10px 30px;text-decoration:none;color:#fff;margin-top:10px;text-transform:uppercase;letter-spacing:2px;transition:.2s;border-radius:4px;border:0}.i i,a{transition:.3s}.login-content a:hover,.login-content button:hover{letter-spacing:6px;background:#000;color:#fff}.login-content{display:flex;justify-content:center;align-items:center;text-align:center}.login-content p{font-size:15px}.img img{width:500px}form{width:360px}.login-content img{height:100px}.login-content h2{margin:15px 0;color:#fff;font-size:1.9rem}.login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .input-div.one{margin-top:0}.i{color:#ffb300;display:flex;justify-content:center;align-items:center}.btn,a{display:block}.input-div>div{position:relative;height:45px}.input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;transition:.3s}.btn,.input-div>div>input{width:100%;outline:0;font-size:1.2rem;color:#fff}.input-div:after,.input-div:before{content:"";position:absolute;bottom:-2px;width:0%;height:2px;background-color:#000;transition:.4s}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:after,.input-div.focus:before{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}.input-div.focus>.i>i,a:hover{color:#000}.input-div>div>input{position:absolute;left:0;top:0;height:100%;border:none;background:0 0;padding:.5rem .7rem;font-family:poppins,sans-serif}.input-div.pass{margin-bottom:4px}a{text-align:right;text-decoration:none;color:#999;font-size:.9rem}.btn{height:50px;border-radius:25px;border:none;background-image:linear-gradient(to right,#32be8f,#38d39f,#32be8f);background-size:200%;font-family:Poppins,sans-serif;margin:1rem 0;cursor:pointer;transition:.5s}.btn:hover{background-position:right}@media screen and (max-width:1050px){.container{grid-gap:5rem}}@media screen and (max-width:1000px){form{width:100%}.login-content h2{font-size:2.4rem;margin:8px 0}.image img{width:400px}}@media screen and (max-width:900px){.container{grid-template-columns:1fr}.img,.wave{display:none}.login-content{justify-content:center}}