@font-face{font-family:Clear-Sans;src:url(/static/media/clear-sans.regular.43ea7d2123718b0cfd2c.ttf)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-green:#2cffba;--color-button-hover:#00a06b;--color-dark-green:#151924;--color-white:#f9f9f9;--color-light-blue:#6eb9e3;--border-rounded-md:8px;--border-rounded:14px;--font-sm:0.75rem;--font-smd:1rem;--font-md:1.15rem;--font-lg:1.25rem;--font-xlg:2.15rem;--font-xxlg:3.5rem;--font-medium:400;--font-semibold:500;--font-bold:600;--font-xbold:700;--font-poppins:"Poppins",sans-serif;--font-clear-sans:"Clear-Sans",sans-serif}.App{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto}body,html{margin:0;min-height:100vh;overflow:hidden;overflow:auto}body{text-rendering:optimizeSpeed;font-family:Clear-Sans,sans-serif;font-family:var(--font-clear-sans);font-size:1.15rem;font-size:var(--font-md);line-height:1.5;scroll-behavior:smooth;text-align:left}.keyboard{justify-content:center}.keyboard,.keyboard__container{align-items:center;display:flex}.keyboard__container{flex-direction:column}.key__row{display:flex;margin-bottom:5px}.letter__row{margin-left:2px;margin-right:2px}.letter,.letter__row{align-items:center;display:flex;justify-content:center}.letter{background-color:#d3d6da;border-radius:5px;cursor:pointer;font-size:24px;height:100%;padding:8px 14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:500px){.letter{font-size:20px;padding:6px 12px}}@media screen and (max-width:420px){.letter{font-size:20px;padding:4px 10px}}@media screen and (max-width:350px){.letter{font-size:20px;padding:4px 6px}}.board-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.board{grid-column-gap:5px;align-self:center;color:#000;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:repeat(5,0fr);height:100%;margin-bottom:2em;margin-top:2.5em;width:300px}.board,.board__item{justify-content:center}.board__item{align-items:center;background:#fff;border:2px solid #d3d6da;border-radius:3px;display:flex;font-size:30px;font-weight:700;height:60px;margin-bottom:5px;position:relative;text-transform:uppercase;width:60px}.board__item.active{border:.5px solid var(--color-dark-green)}.zoom-out{-webkit-animation:zoomOut .1s linear alternate;animation:zoomOut .1s linear alternate}@media screen and (max-width:350px){.board{width:100%}.board__item{height:50px;width:50px}}.flip{animation:flip .5s linear reverse!important}.almost,.correct,.wrong{border:none!important;color:#fff}.correct{background-color:#6aaa64}.almost{background-color:#c9b458}.wrong{background-color:#787c7e}.shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes flip{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes flip{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.header{align-items:center;border:1px solid #d3d6da;display:flex;justify-content:center;padding:10px 0 14px}.header__title{font-family:var(--font-poppins);font-size:37px;letter-spacing:.01em;line-height:100%;text-align:center}.snackbar{background-color:#000;border-radius:3px;color:#fff;font-size:17px;left:50%;min-width:200px;padding:15px;position:fixed;text-align:center;top:0;-webkit-transform:translate(-50%,125%);transform:translate(-50%,125%);visibility:hidden;z-index:1}.snackbar.show{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:visible}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}
/*# sourceMappingURL=main.4a82b708.css.map*/