body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-size:inherit}#app{margin:auto;width:14em}.tunselected{background-color:#a9a9a9;color:#000}.tunselected rect{fill:#a9a9a9}.tunselected text{fill:#000}.tselected{background-color:#e6194b;color:#fff}.tselected rect{fill:#e6194b}.tselected text{fill:#fff}.t1{background-color:#3cb44b;color:#fff}.t1 rect{fill:#3cb44b}.t1 text{fill:#fff}.t2{background-color:#ffe119;color:#000}.t2 rect{fill:#ffe119}.t2 text{fill:#000}.t3{background-color:#4363d8;color:#fff}.t3 rect{fill:#4363d8}.t3 text{fill:#fff}.t4{background-color:#f58231;color:#fff}.t4 rect{fill:#f58231}.t4 text{fill:#fff}.t5{background-color:#911eb4;color:#fff}.t5 rect{fill:#911eb4}.t5 text{fill:#fff}.t6{background-color:#42d4f4;color:#000}.t6 rect{fill:#42d4f4}.t6 text{fill:#000}.t7{background-color:#f032e6;color:#fff}.t7 rect{fill:#f032e6}.t7 text{fill:#fff}.t8{background-color:#bfef45;color:#000}.t8 rect{fill:#bfef45}.t8 text{fill:#000}.t9{background-color:#fabed4;color:#000}.t9 rect{fill:#fabed4}.t9 text{fill:#000}.t10{background-color:#469990;color:#fff}.t10 rect{fill:#469990}.t10 text{fill:#fff}.t11{background-color:#dcbeff;color:#000}.t11 rect{fill:#dcbeff}.t11 text{fill:#000}.t12{background-color:#9a6324;color:#fff}.t12 rect{fill:#9a6324}.t12 text{fill:#fff}.t13{background-color:#fffac8;color:#000}.t13 rect{fill:#fffac8}.t13 text{fill:#000}.t14{background-color:olive;color:#fff}.t14 rect{fill:olive}.t14 text{fill:#fff}.t15{background-color:#aaffc3;color:#000}.t15 rect{fill:#aaffc3}.t15 text{fill:#000}.t16{background-color:#000075;color:#fff}.t16 rect{fill:#000075}.t16 text{fill:#fff}.t17{background-color:#ffd8b1;color:#000}.t17 rect{fill:#ffd8b1}.t17 text{fill:#000}.t18{background-color:#d20f0f;color:#fff}.t18 rect{fill:#d20f0f}.t18 text{fill:#fff}#grid{display:grid;grid-template-columns:repeat(7,1fr)}#grid button{width:2em;height:2em;padding:0;border:none;background-color:transparent}.letter{font-size:50pt;dominant-baseline:central;text-anchor:middle}.status{width:14em}.status button{width:100%;height:2em;padding:0;border:none;background-color:transparent}.status rect{fill:#e6194b}.status button:disabled rect{fill:#4363d8}.status text{fill:#fff;font-size:6pt;dominant-baseline:central;text-anchor:middle}.header{height:2em;display:grid;grid-template-columns:1fr 6fr}.header button{padding:0;margin:.15em;border-radius:.15em;border-width:0;background-color:#a9a9a9}.title{margin:.15em;border-radius:.15em;text-align:center;line-height:1.7em;background-color:#a9a9a9}#menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 2em)}#menu button{width:100%;height:2em;padding:0;border:none;background-color:transparent}#menu rect{fill:#e6194b}#menu text{fill:#fff;font-size:6pt;dominant-baseline:central;text-anchor:middle}#exampleImg{display:block;margin:10px auto;width:40%}#instructions button{width:100%;height:2em;padding:0;border:none;background-color:transparent}#instructions rect{fill:#46a100}#instructions text{fill:#fff;font-size:6pt;dominant-baseline:central;text-anchor:middle}