.loginsimple{font-family:Poppins,sans-serif;overflow:hidden}.loginsimple *{padding:0;margin:0;box-sizing:border-box}.loginsimple .wave{position:fixed;bottom:0;left:0;height:100%;z-index:-1}.loginsimple .container{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7rem;padding:0 2rem}.loginsimple .img{display:flex;justify-content:flex-end;align-items:center}.loginsimple .login-content{display:flex;justify-content:flex-start;align-items:center;text-align:center}.loginsimple .img img{width:500px}.loginsimple form{width:360px}.loginsimple .login-content img{height:100px}.loginsimple .login-content h2{margin:15px 0;color:#333;text-transform:uppercase;font-size:2.9rem}.loginsimple .login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.loginsimple .login-content .input-div.one{margin-top:0}.loginsimple .i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}.loginsimple .i i{transition:.3s}.loginsimple .input-div>div{position:relative;height:45px}.loginsimple .input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.loginsimple .input-div:before,.loginsimple .input-div:after{content:"";position:absolute;bottom:-2px;width:0%;height:2px;background-color:#7625b4;transition:.4s}.loginsimple .input-div:before{right:50%}.loginsimple .input-div:after{left:50%}.loginsimple .input-div.focus:before,.loginsimple .input-div.focus:after{width:50%}.loginsimple .input-div.focus>div>h5{top:-5px;font-size:15px}.loginsimple .input-div.focus>.i>i{color:#7625b4}.loginsimple .input-div>div>input{position:absolute;left:0;top:0;width:100%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:1.2rem;color:#555;font-family:poppins,sans-serif}.loginsimple .input-div.pass{margin-bottom:4px}.loginsimple a{display:block;text-align:right;text-decoration:none;color:#999;font-size:.9rem;transition:.3s}.loginsimple a:hover{color:#38d39f}.loginsimple .btn{display:block;width:100%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(to right,#7d28be,#842ece,#892fd5);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:1rem 0;cursor:pointer;transition:.5s}.loginsimple .btn:hover{background-position:right}@media screen and (max-width: 1050px){.loginsimple .container{grid-gap:5rem}}@media screen and (max-width: 1000px){.loginsimple form{width:290px}.loginsimple .login-content h2{font-size:2.4rem;margin:8px 0}.loginsimple .img img{width:400px}}@media screen and (max-width: 900px){.loginsimple .container{grid-template-columns:1fr}.loginsimple .img,.loginsimple .wave{display:none}.loginsimple .login-content{justify-content:center}}