*{padding:0;margin:0}body{font-family:Poppins,sans-serif;overflow:hidden}.full{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.container .img{display:flex;justify-content:flex-end;align-items:center}.container .img img{width:500px}.container .login-content{display:flex;justify-content:center;align-items:center;text-align:start}.container .login-content form{width:360px}.container .login-content form .img{margin:0 auto;width:200px;height:200px}.container .login-content form h2{margin:5pxpx 0 15px;color:#333;text-transform:uppercase;font-size:2.9rem}.container .login-content form .border--disabled input[type=email],.container .login-content form .border--disabled input[type=password],.container .login-content form .border--disabled input[type=text]{border:none;outline:none;box-shadow:none}.container .login-content form .btn{display:block;width:100%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(to right,#8067fe,#7860ee,#614dc2);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:1rem 0;cursor:pointer;transition:.5s}.container .login-content form .btn:hover{background-position:right}@media screen and (max-width: 1050px){.container{grid-gap:5rem}}@media screen and (max-width: 1000px){form{width:290px}.login-content h2{font-size:2.4rem;margin:8px 0}.img img{width:400px}}@media screen and (max-width: 900px){.container{grid-template-columns:1fr}.img,.wave{display:none}.login-content{justify-content:center}}
