body{--bg-color: rgb(255, 255, 255);--login-bg-color: rgb(240, 240, 240);--text-color: rgb(0, 0, 0);--submit-border-color: rgb(0, 0, 0);--submit-bg-color: rgb(0, 0, 0);--submit-text-color: rgb(255, 255, 255);--back-border-color: rgb(0, 0, 0);--back-bg-color: rgb(0, 0, 0);--back-text-color: rgb(255, 255, 255);--submit-border-color-hover: rgb(0, 0, 0);--submit-bg-color-hover: rgb(0, 0, 0);--back-border-color-hover: rgb(0, 0, 0);--back-bg-color-hover: rgb(0, 0, 0);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body[data-theme=dark]{--bg-color: rgb(0, 0, 0);--login-bg-color: rgb(25, 25, 25);--text-color: rgb(255, 255, 255);--submit-bg-color: rgb(255, 255, 255);--submit-text-color: rgb(0, 0, 0);--back-bg-color: rgb(255, 255, 255);--back-text-color: rgb(0, 0, 0);--submit-bg-color-hover: rgb(200, 200, 200);--back-bg-color-hover: rgb(200, 200, 200)}body{margin:0;color:var(--text-color);background-color:var(--bg-color)}#login-form{background-color:var(--login-bg-color);display:flex;flex-direction:column;justify-content:space-between;position:fixed;border:1px solid var(--text-color);border-radius:5px;width:60%;height:70%;max-width:400px;max-height:500px;min-width:300px;min-height:400px;left:50%;top:50%;transform:translate(-50%, -50%)}form{margin:10px;display:flex;flex-direction:column}#login-buttons{display:flex;flex-direction:row;justify-content:space-around;width:100%;margin:40px 0px}#remember-form{display:flex;flex-direction:row;justify-content:center;align-items:center}label{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;font-weight:bold;font-size:20px;margin-bottom:10px;margin-top:10px}input[type=text],input[type=password]{border:1px solid var(--text-color);border-radius:5px;width:calc(100% - 10px);height:30px;padding:0 4px}button,input[type=submit]{border:1px solid;border-radius:5px;width:150px;height:40px}input[type=submit]{border-color:var(--submit-border-color);background-color:var(--submit-bg-color);color:var(--submit-text-color)}button{border-color:var(--back-border-color);background-color:var(--back-bg-color);color:var(--back-text-color)}input[type=submit]:hover,button:hover{cursor:pointer}button:hover{border-color:var(--back-border-color-hover);background-color:var(--back-bg-color-hover)}input[type=submit]:hover{border-color:var(--submit-border-color-hover);background-color:var(--submit-bg-color-hover)}#error-message{border:1px solid darkred;border-radius:5px;background-color:#d10000;color:#fff;width:calc(100% - 30px);margin:10px;padding:4px}@media screen and (max-width: 600px){#login-buttons{flex-direction:column;align-items:center;gap:10px}button,input[type=submit],a:has(button){width:100%}}