body{--bg-color: rgb(255, 255, 255);--register-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);--register-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)}#register-form{background-color:var(--register-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:600px;min-width:300px;min-height:560px;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 600px){#register-form{border:0;width:100%;height:100%;max-width:none;max-height:none;min-width:none;min-height:none}}form{margin:10px;display:flex;flex-direction:column}#register-buttons{display:flex;flex-direction:row;justify-content:space-around;width:100%;margin:40px 0px}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){#register-buttons{flex-direction:column;align-items:center;gap:10px}button,input[type=submit],a:has(button){width:100%}}#legal{font-size:12px;color:var(--text-color);margin-top:10px;text-align:center}#legal a{color:var(--text-color);text-decoration:underline}