main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:4rem;width:100%;margin-bottom:4rem}main button.confirm{background-color:#76cad4;color:#fff;border:none;border-radius:3px;display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.5rem;text-align:center;width:-moz-fit-content;width:fit-content;text-transform:uppercase;margin:1.5rem auto 1rem;box-shadow:0px 0px 1.1px rgba(118,202,212,.028),0px 0px 3px rgba(118,202,212,.056),0px 0px 6px rgba(118,202,212,.09),0px 0px 20px rgba(118,202,212,.2)}main button.confirm:hover{background-color:#68b4bc;box-shadow:0 0 3px #68b4bc;cursor:pointer}main #background{display:flex;justify-content:center;align-items:center;height:12rem;width:100%;background-color:#011a17}main #background h1{color:#fff}main #content{display:flex;flex-direction:column;align-items:center;width:40%;height:auto;gap:1.25rem;background-color:#f8f8f8;padding:2rem 1rem 1rem;border-radius:10px}main #content .formError{color:#f2105a}main #content .sso-login{display:flex;align-items:center;justify-content:center}main #content .sso-login a{background-color:#5865f2;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:bold;padding:.33rem .66rem;margin-bottom:.5rem;text-decoration:none}main #content .sso-login svg{height:36px;width:auto;fill:#fff;color:#fff}main #content .separator{width:100%;border-bottom:1px solid gray;margin:.33rem auto .66rem}@media only screen and (max-width: 992px){main #content{width:55%}}@media only screen and (max-width: 768px){main #content{width:70%}}@media only screen and (max-width: 576px){main #content{width:90%}}main #content .notice{padding:0 5rem}@media only screen and (max-width: 992px){main #content .notice{padding:0 3rem}}@media only screen and (max-width: 768px){main #content .notice{padding:0 1rem}}main #content #switch{display:flex;flex-direction:row;gap:1rem}main #content #switch a{color:#000}main #content #switch a:not(.selected){text-decoration:none}main #content #login,main #content #register,main #content #password-reset-form{display:flex;flex-direction:column;gap:.6rem;width:85%}main #content #login .formError,main #content #register .formError,main #content #password-reset-form .formError{color:#cd5c5c;text-decoration:underline}main #content #login .inputs,main #content #register .inputs,main #content #password-reset-form .inputs{display:flex;flex-direction:column;gap:1.5rem}main #content #login .inputs .input-wrapper,main #content #register .inputs .input-wrapper,main #content #password-reset-form .inputs .input-wrapper{display:flex;flex-direction:column;gap:.5rem;position:relative}main #content #login .inputs .input-wrapper .inline,main #content #register .inputs .input-wrapper .inline,main #content #password-reset-form .inputs .input-wrapper .inline{display:flex;flex-direction:row;align-items:center;gap:.5rem}main #content #login .inputs .input-wrapper .inline label,main #content #register .inputs .input-wrapper .inline label,main #content #password-reset-form .inputs .input-wrapper .inline label{text-transform:none !important}main #content #login .inputs .input-wrapper label,main #content #register .inputs .input-wrapper label,main #content #password-reset-form .inputs .input-wrapper label{text-transform:uppercase}main #content #login .inputs .input-wrapper input,main #content #register .inputs .input-wrapper input,main #content #password-reset-form .inputs .input-wrapper input{height:2rem;font-size:1rem;padding:.4rem;vertical-align:middle;border:none;border-radius:3px;width:94%}main #content #login .inputs .input-wrapper input[name=username]:user-invalid,main #content #register .inputs .input-wrapper input[name=username]:user-invalid,main #content #password-reset-form .inputs .input-wrapper input[name=username]:user-invalid{color:#cd5c5c}main #content #login .inputs .input-wrapper .password-visibility,main #content #register .inputs .input-wrapper .password-visibility,main #content #password-reset-form .inputs .input-wrapper .password-visibility{position:absolute;right:8%;top:1.9rem;cursor:pointer}main #content #login #forgot-password,main #content #register #forgot-password,main #content #password-reset-form #forgot-password{display:flex;justify-content:flex-end}main #content #login #forgot-password a[href="#forgotten-password"],main #content #register #forgot-password a[href="#forgotten-password"],main #content #password-reset-form #forgot-password a[href="#forgotten-password"]{width:-moz-fit-content;width:fit-content;text-align:right;color:#000}main #content #login p a,main #content #register p a,main #content #password-reset-form p a{color:#011a17}main #content #login #rememberMe,main #content #register #rememberMe,main #content #password-reset-form #rememberMe{height:1rem;width:1rem;margin:0}main #content #password-reset{display:flex;flex-direction:column;gap:.6rem;width:85%}main #content #password-reset .input-wrapper{display:flex;flex-direction:column;gap:.5rem}main #content #password-reset .input-wrapper input{height:2rem;font-size:1rem;padding:.4rem;vertical-align:middle;border:none;border-radius:3px;box-shadow:0 0 1px #000}main #content #register,main #content #password-reset,main #content #password-reset-form{display:none}body.dark main #background{background-color:#3c556d}body.dark main #background::after{background-color:rgba(50,61,75,.902)}body.dark main #content{background-color:#2c323c}body.dark main #content svg{color:#fff;fill:#fff}body.dark main #content #switch,body.dark main #content #switch a{color:#eaeaea}body.dark main #content #login .inputs .input-wrapper input,body.dark main #content #register .inputs .input-wrapper input,body.dark main #content #password-reset .inputs .input-wrapper input,body.dark main #content #password-reset-form .inputs .input-wrapper input{background-color:#14171d;color:#eaeaea}body.dark main #content #login .inputs p a,body.dark main #content #register .inputs p a,body.dark main #content #password-reset .inputs p a,body.dark main #content #password-reset-form .inputs p a{color:#6fa8ca}body.dark main #content #login .input-wrapper #forgottenPassword-email,body.dark main #content #register .input-wrapper #forgottenPassword-email,body.dark main #content #password-reset .input-wrapper #forgottenPassword-email,body.dark main #content #password-reset-form .input-wrapper #forgottenPassword-email{background-color:#14171d;color:#eaeaea}body.dark main #content #login #forgot-password a[href="#forgotten-password"],body.dark main #content #register #forgot-password a[href="#forgotten-password"],body.dark main #content #password-reset #forgot-password a[href="#forgotten-password"],body.dark main #content #password-reset-form #forgot-password a[href="#forgotten-password"]{color:#eaeaea}body.dark main #content #login button,body.dark main #content #register button,body.dark main #content #password-reset button,body.dark main #content #password-reset-form button{background-color:#447997;box-shadow:0px 0px 1.1px rgba(118,202,212,.028),0px 0px 3px rgba(118,202,212,.056),0px 0px 6px rgba(118,202,212,.09),0px 0px 20px rgba(115,151,155,.2)}body.dark main #content #login button:hover,body.dark main #content #register button:hover,body.dark main #content #password-reset button:hover,body.dark main #content #password-reset-form button:hover{background-color:#6fa8ca}