html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}#app{height:100%;height:-webkit-fill-available;display:grid;grid-template:"header" auto "main" 1fr "footer" auto/100%}.header{grid-area:header;background:#455a64;color:#fff}.header,.main{padding:0 1rem;text-align:center}.main{margin:0 auto;max-width:30rem;grid-area:main;color:#2c3e50}.footer{padding:1rem;grid-area:footer;border-top:1px solid #90a4ae;text-align:center}.button,button{padding:1em 2em;display:inline-flex;align-items:center;text-align:center;background-color:#5c6bc0;color:#fff;border:0;border-radius:.25rem;font-size:1rem;font-family:inherit;font-weight:400;line-height:1;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button:active,.button:hover,button:active,button:hover{background-color:#3949ab}.button:focus,button:focus{outline:.125em solid #3949ab;outline-offset:.125em}.button.danger,button.danger{background-color:#e53935}.button.danger:active,.button.danger:hover,button.danger:active,button.danger:hover{background-color:#c62828}.button.danger:focus,button.danger:focus{outline:.125em solid #c62828}ul{margin:0 auto;padding:1rem 0;text-align:left}ul li{margin:1rem 0 0}.button-holder{grid-auto-flow:column;justify-content:space-around;gap:1rem}.button-holder,li{display:grid;align-items:center}li{grid-template-columns:1fr auto}a{color:#1976d2}a:hover{color:#0d47a1}:visited a{color:#9c27b0}a svg{height:1rem;width:1rem}a *{fill:currentColor}.sr-only{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}