body,html{margin:0;padding:0;height:100%;width:100%;font-size:1.2rem;box-sizing:border-box;background:#f7f7ff;font-family:Arial,Helvetica,sans-serif}h1{margin:0}a{text-decoration:none}:root{--color-background:#f7f7ff;--color-black:#000;--color-white:#fff;--color-hover:#3b3b3b;--color-background-dash:#212121;--color-dark:#252525}#login-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title{color:var(--color-black);margin-bottom:20px;font-family:Fjalla One,sans-serif;font-size:5.7rem;border-radius:10px}.waves{position:absolute;bottom:0;width:100%;height:35vh;min-height:100px;max-height:150px}.parallax>use{-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}@-webkit-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}#login-block{border:3px solid var(--color-black);padding:30px 50px;border-radius:10px;box-shadow:0 0 10px var(--color-black);background:var(--color-white)}#login-block,.input-area{display:flex;flex-direction:column;align-items:center}.input-area>input[type=email],.input-area>input[type=password]{margin:5px;width:250px;height:35px;border:none;outline:none;border-bottom:1.9px solid var(--color-black);text-align:center;font-size:.9rem}.input-area>input[type=email]:focus,.input-area>input[type=password]:focus{border-bottom:2px solid var(--color-black)}#forgot-pass-gedi{border:2px solid var(--color-black);outline:none}.btn-login{margin:30px 0;width:85%;height:50px;border-radius:5px;background:var(--color-black);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;transition:.6s}#login .input-area input:focus::-moz-placeholder{transform:translateY(-155px);-moz-transition:3s;transition:3s;border-radius:40px;height:100%}#login .input-area input:focus::placeholder{transform:translateY(-155px);transition:3s;border-radius:40px;height:100%}.btn-login:hover{background:#202020;width:260px;height:60px;cursor:pointer}.forgot-password{font-size:.9rem;color:#6d6c6c}.forgot-password>a{font-weight:900;color:var(--color-black)}.forgot-password>a:hover{text-decoration:underline}#error-message{font-size:1.1rem;color:#e62727;margin:0}@-webkit-keyframes gradient{0%{background-position:0 45%}50%{background-position:100% 45%}to{background-position:0 45%}}@keyframes gradient{0%{background-position:0 45%}50%{background-position:100% 45%}to{background-position:0 45%}}