html{--set-preview-width:20rem;--accent-color:#fed700;--text-on-accent:#000;--border-radius:.375rem;accent-color:var(--accent-color);font-family:My Custom Font,sans-serif}body{touch-action:pan-y;margin:0;padding:0}h1,h2,h3,h4,h5,h6{text-align:center;font-weight:700}h1{font-size:1.875rem}h2{font-size:1.5rem}button,.button{cursor:pointer;background-color:var(--accent-color);color:var(--text-on-accent);border-radius:var(--border-radius);border:none;padding:.485rem .625rem;font-weight:700}button:hover,.button:hover{opacity:.8}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.button:focus-visible,select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}a.button{text-decoration:none}select{accent-color:#000}nav{z-index:20;gap:.6rem;display:flex;position:fixed;top:.75rem;left:.75rem}.set-preview{border:4px solid var(--accent-color);border-radius:var(--border-radius);text-align:center}.tag{border:1px solid var(--accent-color);background-color:var(--accent-color);color:var(--text-on-accent);border-radius:var(--border-radius);padding:.25rem .75rem;font-size:.8em;font-weight:700}.tag[data-tag=banger]{color:#fff;background-color:red}