:root{box-sizing:border-box}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:montserrat,-apple-system,BlinkMacSystemFont,sans-serif}.themetoggler{background-color:var(--primary);border-radius:2em;cursor:pointer;margin:0 1em 0 .5em;padding:.2em;transition:all .3s ease-in;width:3em}.themetoggler__icon{position:absolute;width:1em}.themetoggler__icon--dark{-webkit-transform:translateX(150%);transform:translateX(150%)}.themetoggler__knob{background-color:var(--secondary);border-radius:50%;height:1em;transition:all .3s ease-in-out;width:1em}.themetoggler__knob--light{margin-left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}header{grid-gap:0 0;display:grid;gap:0 0;grid-row:1/2;grid-template-areas:"." ".";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.header__heading{align-self:flex-end;font-family:bebas neue;font-size:3em;grid-row:2/3;letter-spacing:.05em;text-align:center}@media (min-width:48rem){.header__heading{font-size:4em}}.header__container{align-items:center;display:flex;grid-row:1/2;justify-content:flex-end}.button{color:var(--font);cursor:pointer;font-size:.75em;font-weight:700;letter-spacing:.8px;outline:none;padding:.65em .8em;text-transform:capitalize;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:100%}.button,.button:after{border:solid transparent;border-radius:16px;border-width:0 0 4px}.button:after{background-clip:padding-box;bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.button:active:after{bottom:-5px}.button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.button:focus,.button:main{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.button:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}.button:disabled{cursor:auto}.button--primary{background-color:var(--primary-alt)}.button--primary:after{background-color:var(--primary)}.button--secondary{background-color:var(--secondary)}.button--success{background-color:var(--success-alt)}.button--success:after{background-color:var(--success)}.button--error{background-color:var(--error-alt)}.button--error:after{background-color:var(--error)}.button__onboard{width:35%}.button__next{grid-column:3/4;grid-row:3/4;text-align:center;width:10em}.onboard{grid-gap:0 0;display:grid;gap:0 0;grid-template-areas:"." ".";grid-template-columns:1fr;grid-template-rows:.6fr 1.4fr;height:100%}.onboard__heading{align-self:center;grid-row:1/2;text-align:center}.onboard__buttons{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;grid-row:2/3;justify-content:space-evenly}@media (min-width:48rem){.onboard__buttons{flex-direction:row}}.game{grid-gap:0 0;display:grid;gap:0 0;grid-template-areas:"." ".";grid-template-columns:1fr;grid-template-rows:.6fr 1.4fr;height:100%}.game__flashcards{grid-gap:0 20px;gap:0 20px;padding:0 1em}.game__flashcards,.game__interface{align-items:center;display:grid;justify-items:center}.game__interface{grid-gap:0 0;background-color:var(--background-tertiary);border-bottom:1px solid var(--background-border);border-radius:10px 10px 0 0;gap:0 0;grid-template-areas:". . ." ". . ." ". . .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.game__score{grid-column:1/2;grid-row:1/2}.game__round{grid-column:3/4;grid-row:1/2}.game__word{grid-column:1/4;grid-row:2/3;text-transform:capitalize}@media (min-width:48rem){.game{grid-template-rows:repeat(2,1fr)}}@media (min-width:64rem){.game{grid-template-areas:". . ." ". . .";grid-template-columns:.2fr 2.6fr .2fr;grid-template-rows:repeat(2,1fr)}.game__interface{grid-column:1/4}.game__flashcards{grid-column:2/3}}@media (min-width:75rem){.game{grid-template-columns:.4fr 2.2fr .4fr}}.game__flashcards--easy{grid-template-areas:". ." ". ." ". .";grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}@media (min-width:48rem){.game__flashcards--easy{grid-template-areas:". . ." ". . .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (min-width:64rem){.game__flashcards--easy{gap:0 40px;gap:0 60px}}.gamecard{background-color:var(--background-secondary);border:1px solid var(--background-border);border-radius:10px;box-shadow:0 0 3px var(--background-border);grid-column:2/3;grid-row:2/3}.main{grid-gap:0 0;display:grid;gap:0 0;grid-auto-flow:row;grid-row:2/3;grid-template-areas:". . ." ". . ." ". . .";grid-template-columns:.1fr 2.2fr .1fr;grid-template-rows:.4fr 2.5fr .1fr}@media (min-width:30rem){.main{grid-template-columns:.2fr 2fr .2fr;grid-template-rows:.4fr 2.4fr .2fr}}@media (min-width:48rem){.main{grid-template-columns:.3fr 1.8fr .3fr;grid-template-rows:.4fr 2.3fr .3fr}}@media (min-width:64rem){.main{grid-template-columns:.4fr 1.6fr .4fr;grid-template-rows:.4fr 2.2fr .4fr}}footer{align-items:center;display:flex;grid-row:3/4;justify-content:center}footer>p{text-align:center}.footer__text--link{color:var(--primary)}.footer__text--emoji{color:var(--error);font-size:1.1em}.App{grid-gap:0 0;background-color:var(--background);color:var(--font);display:grid;font-size:20px;gap:0 0;grid-template-areas:"." "." ".";grid-template-columns:1fr;grid-template-rows:.6fr 2.8fr .2fr;min-height:100vh}[data-theme=dark]{--background:#0d1b2a;--background-secondary:#1b263b;--background-tertiary:#415a77;--background-border:#ffc300;--primary:#185adb;--primary-alt:#005792;--secondary:#ffbd35;--tertiary:#3fa796;--font:#faedf0;--success:#3fa796;--success-alt:#125b50;--error:#d82148;--error-alt:#852747}[data-theme=light]{--background:#faedf0;--bacground-secondary:#faedf0;--background-tertiary:#faedf0;--background-border:#555;--primary:#185adb;--primary-alt:#005792;--secondary:#ffbd35;--tertiary:#3fa796;--font:#222831;--success:#3fa796;--success-alt:#125b50;--error:#d82148;--error-alt:#852747}
/*# sourceMappingURL=main.05bf0dff.css.map*/