#split{grid-template-columns:2fr 1fr;display:grid}#loginSplit{border-radius:.5em 0 0 .5em;flex-direction:column;justify-content:center;align-items:center;gap:1em;min-width:18em;padding:1em;display:flex}#loginContainer{align-items:center;width:15em;font-size:1.1em}.popupFields .formInputContainer{width:inherit;flex-direction:column;align-items:flex-start;gap:.1em}#loginTitle{text-align:center;width:15em;padding:0 1em;font-size:1.2em;font-weight:700}#loginContainer img{filter:invert()}.inputLabel{align-items:center;gap:.2em;padding-left:.2em;display:flex}input{background-color:#f8f8f8}#loginContainer #loginButton{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;background-color:#6097b5;border:none;border-radius:1.5em;justify-content:center;align-items:center;width:6em;height:2.2em;font-family:inherit;font-size:1em;box-shadow:0 0 .5em -.2em #000}#loginContainer #loginButton:hover{background-color:#67bae7}#errorMessageContainer{color:#222;background-color:#b4766b;border-radius:.3em;justify-content:space-between;align-items:center;gap:.7em;width:15em;padding:.5em;display:flex}#errorImage{opacity:.6}#errorMessage{font-size:.8em}#closeErrorMessageButton{cursor:pointer;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:flex}#closeErrorMessageButton:hover{font-weight:700}#loginSplashConatiner{border-radius:.5em 0 0 .5em}#splashArt{width:inherit;background-image:url(../media/splashArt.6b576d1e.jpeg);background-size:cover;border-radius:.5em 0 0 .5em;justify-content:center;align-items:center;height:100%;display:flex}#titleContainer{text-align:center;background-color:#01152a88;border-radius:.5em 0 0 .5em;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;height:100%;font-weight:700;display:flex}#title{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em;padding:1em 1em 0;font-size:2em;display:flex}#subtitle{padding-bottom:6em}#titleContainer span{font-size:2em}@media (max-width:750px){#titleContainer,#splashArt{border-radius:0}#loginSplashConatiner{min-height:40vh}#page{min-height:fit-content}#split{width:100vw;height:100vh;min-height:fit-content;display:flex}#titleContainer #subtitle{padding-bottom:2em}#loginSplit{flex-grow:1}#title img{width:60px;height:60px}}@media (max-width:850px){#title,#titleContainer #subtitle{font-size:1.5em}}@media only screen and (max-height:450px){:root #split{flex-direction:row}}
