:root{--max-width:500px;--max-width-btn:calc(var(--max-width) / 2);--background-color:#e6e4dc;--primary-color:#6b9ed0;--secondary-color:#b0d8e2;--tertiary-color:#d54953;--tertiary-color-click:#ad2e36;--std-padding:10px;background-color:var(--background-color);font-family:Arial,Helvetica,sans-serif}#root{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.primary-btn{padding:var(--std-padding);min-width:var(--max-width-btn);max-width:var(--max-width-btn);background-color:var(--tertiary-color);color:var(--background-color);border:none}.primary-btn:hover{background-color:var(--tertiary-color-click);cursor:pointer}.auth-component{max-width:var(--max-width);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.auth-component input{padding:var(--std-padding);min-width:var(--max-width-btn);border:none;border-radius:5px}