@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{background-color:#6b88ff;background-image:url(/assets/SuperMarioBackdrop-fa6653fc.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.titleSection{height:fit-content;max-height:40%;width:100%;box-sizing:border-box;font-family:"Press Start 2P",cursive;background-color:#161616;color:#eee;padding:1em;border:3px solid #eeeeee;line-height:1.2}.titleSection p{line-height:1.5em;font-size:18px}.flashcardSection{box-sizing:border-box;height:60%;width:100%;display:flex;gap:50px;flex-direction:column;justify-content:space-evenly;justify-content:center;align-items:center}.flashcardContainer{width:50%;height:80%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;font-family:"Press Start 2P",cursive;background-color:#161616;align-items:center;color:#eee;padding:1em;border:3px solid #eeeeee;line-height:1.2;perspective:1000px;transition:all .8s;cursor:pointer}.flashcardQuestion{display:flex;justify-content:center;align-items:center;height:90%}.flashcardContainer img{height:150px}.rank{height:10%}.buttonContainer{width:90%;height:30%;display:flex;justify-content:center;align-items:center;gap:80px;justify-content:space-evenly}.buttonContainer button{background-color:#ffa248;cursor:pointer;border:none;border-radius:1px;height:80px;width:80px;min-width:fit-content;border:5px solid #e45e10;font-family:"Press Start 2P",cursive;font-size:20px;color:#e65e15;text-shadow:1px 1px #161616,2px 2px #161616,3px 3px #161616,4px 4px #161616;transition:all .2s step-start}.buttonContainer button:active{transform:scale(96%)}.formContainer{display:flex;justify-content:center}.formContainer button{font-size:40px;transform:none;border:7px solid #e45e10}.formContainer button:active{transform:scale(96%)}.countBox{background-color:#ffa248;border:5px solid #e45e10;height:80px;min-width:80px;width:fit-content;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-family:"Press Start 2P",cursive;font-size:28px;padding:10px;cursor:pointer;color:#e45e10;text-shadow:1px 1px #161616,2px 2px #161616,3px 3px #161616,4px 4px #161616,5px 5px #161616}.guessInput{border:5px solid #eeeeee;padding:10px;background-color:#161616;box-sizing:border-box;height:80px;min-width:160px;color:#eee;font-family:"Press Start 2P",cursive;outline:none;font-size:16px;text-transform:uppercase}.guessFormContainer{display:flex;box-sizing:border-box}#correct{color:#fff;background-color:green;border:5px solid #161616;animation:one-up .5s}#wrong{color:#fff;background-color:red;border:5px solid #161616;animation:horizontal-shaking .5s}@keyframes one-up{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(3px)}50%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}@media only screen and (max-width: 395px){.titleSection{height:fit-content;padding:5px;max-height:45vh}.titleSection h1{font-size:1em}.titleSection p{font-size:12px}}@media only screen and (max-width: 600px){body{background:url(/assets/SuperMarioBackdrop-fa6653fc.jpg) no-repeat top bottom center}.titleSection{height:fit-content;padding:.1em}.titleSection h1{font-size:1.5em;line-height:1.2}.titleSection p{font-size:12px}.buttonContainer{gap:40px;width:100%;flex-wrap:wrap}}@media only screen and (max-width: 768px){.titleSection{height:fit-content;padding:1em}.flashcardContainer{width:100%}.buttonContainer{width:100%;gap:20px}.guessInput{width:300px}}@media only screen and (max-width: 2560px){body{background:url(/assets/SuperMarioBackdrop-fa6653fc.jpg) center bottom fixed}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;height:85vh;display:flex;flex-direction:column;justify-content:space-between;gap:10px}@media only screen and (max-width: 375px){#root{margin:0 auto;padding:0rem;text-align:center;height:95vh}}@media only screen and (max-width: 425px){#root{margin:0 auto;padding:.5rem;text-align:center}}