@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&family=Roboto:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#app{height:100%;background-color:var(--color-dark);color:var(--color-light);font-family:Roboto,sans-serif}:root{--game-width: 31.25rem;--header-height: 3rem;--keyboard-height: 12.5rem;--color-dark: #121213;--color-light: #fafafa;--color-light-gray: #818384;--color-dark-gray: #3a3a3c;--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: var(--color-dark-gray)}@media (min-width: 26rem){:root{--header-height: 3.75rem}}@keyframes fade{to{opacity:0;transform:translateY(-.5rem)}}@keyframes pop{50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{10%{transform:translate(-1%)}30%{transform:translate(2%)}50%{transform:translate(-2%)}70%{transform:translate(2%)}80%{transform:translate(-1%)}to{transform:translate(0)}}@keyframes bounce{20%{transform:translateY(-50%)}40%{transform:translateY(15%)}60%{transform:translateY(-25%)}80%{transform:translateY(10%)}90%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes reveal{0%{transform:rotateX(0);background-color:var(--color-dark);border-color:var(--color-light-gray)}50%{transform:rotateX(90deg);background-color:var(--color-dark);border-color:var(--color-light-gray)}}