form,body,.page{background-color:var(--color-background)}.login-form{background-color:var(--color-container);color:#333;border-radius:.5rem;flex-direction:column;gap:1rem;max-width:20rem;margin:8rem auto;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.login-title{text-align:center;color:var(--color-brown);font-size:1.25rem;font-weight:700}.login-input{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:.375rem;padding:.5rem .75rem}.login-button{background-color:var(--color-brown);color:var(--color-background);cursor:pointer;border-radius:.375rem;padding:.5rem .75rem}.login-button:hover{background-color:#333}.login-error{color:red;text-align:center;font-size:.875rem}.register-button{background-color:var(--color-brown);color:var(--color-background);cursor:pointer;border-radius:.375rem;padding:.5rem .75rem}.register-button:hover{background-color:#333}.password-button{color:#6e6e6e;cursor:pointer;align-self:flex-start;margin:0 0 0 .5rem;font-size:.9rem;font-style:italic;transition:color .2s}.password-button:hover{color:#4d4d4d}