stroke-input.min.css

:root{--key-fill:#181818;--umbrella-orange:#FFCE73;--umbrella-yellow:#FFFF80;--umbrella-blue:#BBBBFF}@font-face{font-display:swap;font-family:"Stroke Input Font";src:url(StrokeInputFont.ttf)format("truetype")}a{color:var(--umbrella-blue)}body{background:#000;color:#fff;font-family:sans-serif;overflow-wrap:break-word;padding:1em}button{font-size:16px;margin:.1em .15em;min-width:1em;padding:.25em .3em}footer,h2{margin-top:1.5em}footer{border-top:2px solid #fff;padding-top:.75em}h1{font-size:1.4em;margin-top:.3em}h2{font-size:1.3em}h3{font-size:1.1em}html{background:var(--key-fill);margin:0 auto;max-width:44em}img{vertical-align:middle}li{margin-bottom:.5em}.candidate-group{display:inline-block}.candidate-group dd{color:var(--umbrella-orange);display:inline;margin:0 1em 0 .3em}.candidate-group dt{display:inline}.candidate-group dt::after{content:":"}.candidates-row{height:6em;line-height:1.7;vertical-align:baseline}.candidates-row td{width:100%}.controls td,.controls th{padding:.3em}.disabled{color:#ff5e5e}.enabled{color:#0f0}.notice{border:1px solid #fff;margin-top:.5em;padding:.5em}.strokes{color:var(--umbrella-yellow);font-family:"Stroke Input Font"}#candidates,body{margin:0}#candidates-pagination{display:block;margin:0;text-align:right}#input{box-sizing:border-box;display:block;font-size:16px;height:7em;margin:.5em auto;width:100%;resize:vertical}#input-container{border:2px solid #fff;padding:.3em .7em 0;margin:1.5em 0}#input-container table{border-spacing:.7em .4em}