:root{--background-dark-color:#10121a;--background-light-color:#f1f1f1;--cyan-dark-color:#35b7f4;--cyan-light-color:#f2f9fc;--navy-dark-color:#062d4d;--navy-light-color:#e6eaed;--gray-dark-color:#2b2b2b;--gray-light-color:#eaeaea;--green-dark-color:#4a660c;--green-light-color:#f8ffe8;--gold-dark-color:#66450c;--gold-light-color:#ffad1d;--pink-dark-color:#a5163e;--pink-light-color:#fae8ed;--info-dark-color:#17337a;--info-light-color:#eaf0fe;--error-color:red;--secondary-yellow-dark-color:#4c4100;--secondary-yellow-light-color:#ffda00;--primary-font-color:var(--gray-dark-color);--primary-button-color:var(--cyan-dark-color)}html{background-color:var(--background-light-color);height:100vh;font-family:proxima-nova,Proxima Nova,Helvetica,Arial,sans-serif}body{min-height:-webkit-fill-available;color:var(--primary-font-color);justify-content:center;align-items:center;display:flex}#root{flex-flow:column wrap;place-content:center;align-items:center;min-width:25rem;max-width:50rem;height:100%;padding:2rem;display:flex}#root>#logo{text-align:center;width:25rem;padding:1rem}form[id=login]{flex-flow:column wrap;align-items:center;width:min-content;display:flex}form fieldset{border:none;flex-flow:column wrap;align-items:center;display:flex}fieldset>span{padding:0 .2rem}fieldset span{color:var(--info-dark-color);font-size:.8rem;font-weight:700}fieldset span.input-error{color:var(--pink-dark-color);filter:opacity(.6)}fieldset span.input-error:before{content:"⚠ ";vertical-align:middle}::placeholder{opacity:.4;color:var(--primary-font-color)}input[type=text],input[type=password]{border-width:1px;border-radius:2px;min-width:15rem;padding:10px 0}button,input[type=submit]{background-color:var(--primary-button-color);border:solid var(--primary-button-color);color:#fff;border-width:0;border-radius:.2rem;min-width:10rem;padding:.5rem 1rem;font-weight:700}button:hover,input[type=submit]:hover{filter:brightness(85%)}button.secondary,input[type=submit].secondary{color:var(--primary-font-color);border:solid 1px var(--navy-dark-color);background-color:#fff}button.secondary:hover,input[type=submit].secondary:hover{background-color:var(--cyan-light-color);filter:brightness(90%)}button:disabled{background-color:var(--gray-light-color);color:var(--gray-dark-color)}button:disabled:hover{filter:none}