:root{--primary: #fc1e1e;--secondary: #861efc;--background: #d7d7d7}#loginBox{display:grid;place-items:center;width:100vw;height:100vh}#loginContainer{font-family:cursive;min-height:500px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;position:absolute;width:clamp(30%,900px,90%);border-radius:1rem;display:flex;flex-direction:row;justify-content:center;background-color:#fff;font-family:Comfortaa;overflow:hidden}#loginSection1{width:100%;padding:3rem;display:flex;justify-content:center;flex-direction:column;gap:1rem}#loginSection2{width:100%;background:#ff4167;background:linear-gradient(204deg,#ff4167 54%,#ff4a4a 92%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;gap:2rem;color:#fff}.loginTextContainer{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.7rem}.loginTextContainer>img{width:15%}.loginText{font-weight:700;text-align:center}#loginForm{display:flex;flex-direction:column;gap:.7rem}#loginForm>#submitBtnGroup{gap:1rem}.submitBtn{font-size:1rem;padding:.5rem;margin-top:1rem;width:100%;border:none;border-radius:1rem;background-color:var(--primary);color:#fff;font-weight:700;border:1px solid white}.submitBtn:hover{transition:.15s;cursor:pointer;background-color:var(--secondary)}.textBox{height:50px;font-size:1.3rem;padding:.5rem;border:none;background-color:#e0e0e0;border-radius:.5rem}#errorMessage{color:red;text-align:center;font-weight:700;margin-top:.5rem}.informationText{text-align:left}@media (max-width: 768px){.loginTextContainer{gap:1rem}#loginContainer{height:95%;width:95%;box-shadow:none;flex-direction:column;justify-content:center}#loginSection1,#loginSection2{height:100%}}