body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Josefin Sans,sans-serif;margin:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{font-size:10vh;padding:5vh}#keyboard{grid-gap:6px;align-items:center;display:grid;flex-direction:column;gap:6px;grid-template-columns:repeat(12,60px);grid-template-rows:repeat(4,60px);left:25vw;position:absolute;right:25vw;top:25vh}.keyboard-row{align-items:center;display:flex;flex-direction:row}.circle-outer{border:thin solid #fff;border-radius:100%;display:flex;height:50px;justify-content:center;margin:.5vw;width:50px}.circle-inner{margin:auto;text-align:center;width:50px}.invisible{border:none}[data-key="`"]{grid-column:1;grid-row:1}[data-key="1"]{grid-column:2;grid-row:1}[data-key="2"]{grid-column:3;grid-row:1}[data-key="3"]{grid-column:4;grid-row:1}[data-key="4"]{grid-column:5;grid-row:1}[data-key="5"]{grid-column:6;grid-row:1}[data-key="6"]{grid-column:7;grid-row:1}[data-key="7"]{grid-column:8;grid-row:1}[data-key="8"]{grid-column:9;grid-row:1}[data-key="9"]{grid-column:10;grid-row:1}[data-key="0"]{grid-column:11;grid-row:1}[data-key=q]{grid-column:1;grid-row:2}[data-key=w]{grid-column:2;grid-row:2}[data-key=e]{grid-column:3;grid-row:2}[data-key=r]{grid-column:4;grid-row:2}[data-key=s]{grid-column:1;grid-row:3}[data-key=d]{grid-column:2;grid-row:3}[data-key=g]{grid-column:4;grid-row:3}[data-key=h]{grid-column:5;grid-row:3}[data-key=j]{grid-column:6;grid-row:3}[data-key=z]{grid-column:1;grid-row:4}[data-key=x]{grid-column:2;grid-row:4}[data-key=c]{grid-column:3;grid-row:4}[data-key=v]{grid-column:4;grid-row:4}[data-key=b]{grid-column:5;grid-row:4}[data-key=n]{grid-column:6;grid-row:4}[data-key=m]{grid-column:7;grid-row:4}[data-key=","]{grid-column:8;grid-row:4}
/*# sourceMappingURL=main.45b911ee.css.map*/