@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Mono:wght@400;700&display=swap";
*{box-sizing:border-box}body{color:#11182c;background:#ece3d0;margin:0;font-family:Space Mono,monospace}button{font:inherit}header{color:#ece3d0;background:#11182c;align-items:center;gap:30px;height:72px;padding:0 4vw;display:flex}header b{letter-spacing:.12em;font-size:17px}header span{color:#d0ad61;margin:auto;font-size:9px}header button{color:inherit;background:0 0;border:1px solid #d0ad61;padding:12px}.question{border-bottom:1px solid;padding:7vw 7vw 4vw}.question small,.refrain small{color:#9c2f3f;font-size:9px}.question h1{max-width:1300px;margin:25px 0;font:400 clamp(44px,6vw,96px)/.95 Instrument Serif}.meter{background:#c8baa1;height:7px}.meter i{background:#9c2f3f;height:100%;transition:all .5s;display:block}.question strong{text-align:right;margin-top:10px;font-size:10px;display:block}.score{grid-template-columns:repeat(4,1fr);min-height:420px;display:grid}.score>button{text-align:left;background:#d9cdb5;border:0;border-right:1px solid;padding:35px 25px;transition:all .3s;position:relative}.score>button.on{color:#eee3cf;background:#11182c;transform:translateY(-14px)}.score em{color:#9c2f3f;font:italic 54px Instrument Serif;display:block}.score small{font-size:9px}.score p{min-height:150px;font:italic 34px/1.05 Instrument Serif}.score div{align-items:center;gap:5px;height:75px;display:flex}.score div i{background:#d0ad61;width:3px;display:block}.refrain{color:#f2e7d2;background:#9c2f3f;grid-template-columns:32% 68%;display:grid}.refrain aside{border-right:1px solid;flex-direction:column;gap:40px;padding:5vw;display:flex}.refrain aside b{font-size:17px}.refrain article{padding:5vw}.refrain article small{color:#11182c}.refrain h2{margin:15px 0;font:400 100px/1 Instrument Serif}.refrain p{max-width:700px}.refrain button{color:#f2e7d2;background:#11182c;border:0;margin-top:25px;padding:18px 24px}footer{text-align:center;padding:18px;font-size:9px}@media (max-width:800px){.score{grid-template-columns:1fr 1fr}.score p{min-height:auto}.refrain{grid-template-columns:1fr}.question{padding-top:50px}}