html{overflow:visible;height:-moz-max-content;height:fit-content}body{height:100%;position:static}#outer{background-image:linear-gradient(150deg,var(--cherry-red),var(--crimson) 100%);height:100%;text-align:center;width:100vw;z-index:1}#outer #app{padding:64px 15px;font-size:.825rem;height:auto;min-height:100vh;margin:0 auto;max-width:1024px}#outer #app .checkbox input{display:none}#outer #app .checkbox label{cursor:pointer;position:relative}#outer #app .checkbox label:before{background-color:var(--white);border-radius:2px;height:24px;width:24px;content:"";float:left;display:block;margin-right:15px;margin-top:-3px}#outer #app .checkbox label.active:after{border-bottom:3px solid var(--cherry-red);border-right:3px solid var(--cherry-red);height:16px;width:8px;transform:rotate(45deg);content:"";float:left;display:block;margin-right:6px;position:absolute;top:2px;left:8px}#outer #app .logo{position:relative}#outer #app .title>img{width:152px}#outer #app .title{margin-top:24px}#outer #app .login-btn,#outer #app .register-btn{line-height:1;width:280px;height:36px;border-radius:50px;background-color:var(--white);color:var(--cherry-red)}#outer #app .login-btn{margin-top:calc(30vh - 150px)}@media screen and (max-height:530px){#outer #app .login-btn{margin-top:10px}}@media screen and (min-height:800px){#outer #app .login-btn{margin-top:90px}}#outer #app .register-btn{background-color:transparent;color:var(--white);border:1px solid var(--white);margin-top:10px;padding:.5rem .75rem .25rem}#outer #app .skip-login{margin-top:calc(15vh - 70px)}@media screen and (max-height:530px){#outer #app .skip-login{margin-top:10px}}@media screen and (min-height:800px){#outer #app .skip-login{margin-top:50px}}#outer #app .skip-login a{color:var(--white);text-decoration:underline}#outer #app .password-icon{cursor:pointer;float:right;margin-top:-30px;margin-right:16px;position:relative;z-index:200;width:20px}#outer #app .error{height:36px;border:1px solid var(--white);background-color:var(--cherry-red);padding-top:6px;padding-bottom:6px;margin-top:30px;margin-bottom:30px}#outer #app .error span{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.71;letter-spacing:normal;text-align:center;color:var(--white)}#outer #app ::placeholder{font-family:Roboto;font-size:1rem;font-weight:300;font-stretch:normal;font-style:normal;letter-spacing:normal;color:var(--brown-grey)}#outer #app .backend-content form{margin-top:20px;width:100%}#outer #app .backend-content form input[type=email],#outer #app .backend-content form input[type=password],#outer #app .backend-content form input[type=text]{border-radius:8px;border:1px solid var(--brown-grey);background-color:var(--white);width:100%;height:50px}#outer #app .backend-content form .rememberMe{float:left;text-align:left;color:var(--white)}#outer #app .backend-content form .passwordForgot{float:right;text-align:right;color:var(--white);text-decoration:underline}#outer #app .backend-content h5{margin-bottom:24px}