html{height:100%}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text);height:100%;margin:0;padding:0}a{color:var(--color-primary)}.page{text-align:center;max-width:600px;height:100%;margin:0 auto;display:flex;flex-direction:column}.page h1{font-size:3rem;margin:4rem 0;padding:0}fieldset{padding:10px;margin:10px}.form-row{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:10px}.form-row label{text-align:right;width:50%}button,input[type=submit]{align-items:center;appearance:none;background-color:var(--color-background);border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;padding:4px 8px;justify-content:center;line-height:1;list-style:none;overflow:hidden;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none}button:focus,input[type=submit]:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}button:hover,input[type=submit]:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}button:active,input[type=submit]:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}