.loginPage{background-color:#c1ddf6cc;border-radius:10px;width:600px;padding:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loginPage h1{color:#023c7a;text-align:center;font-family:var(--font-fredoka);margin:10px 0;font-size:40px;font-weight:500}.loginPage form{flex-direction:column;gap:15px;padding:10px;display:flex}.loginPage form input{font-family:var(--font-fredoka);color:#023c7a;background-color:#ffffffbc;border:1px solid #0080ff;border-radius:10px;padding:5px;font-size:20px}.loginPage form input:focus{outline-offset:2px;outline:2px solid #4d9eef}.loginPage form button{color:#fff;width:fit-content;font-size:24px;font-family:var(--font-fredoka);cursor:pointer;background-color:#16518f;border:2px solid #ffffffd3;border-radius:10px;margin:10px auto;padding:5px 20px;box-shadow:0 0 10px #13599b7b}.loginPage a{color:#2c33b7;width:fit-content;font-family:var(--font-fredoka);justify-content:center;margin:0 auto;text-decoration:underline;display:flex}@media (max-width:768px){.loginPage{width:90%}}