@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";#root{width:100vw;height:100vh}@media (min-width: 800px){body{font-family:Roboto,sans-serif;display:flex;flex-direction:column;justify-content:space-between;height:100vh;margin:0;padding:4vw 2vw;box-sizing:border-box}h1{font-weight:700;padding:0}p{font-weight:400;line-height:1.5;overflow-wrap:break-word;white-space:normal}.line-wrap{line-height:25%}textarea{resize:none}.header{width:30%;margin-left:auto;margin-right:auto;text-align:center}#header-with-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:15px}#header-title{flex:4 1 90%;margin:0}#header-menu{flex:1 2 10%}#progress{width:100%;height:7px;box-shadow:inset 1px 1px 2px #ccc;border:1px solid #bbb;border-radius:15px}#progress-bar{height:100%}#remaining-chars{font-size:11px;color:#b62020;margin-top:3px;float:right}.content{width:30%;margin-left:auto;margin-right:auto;text-align:center}.footer{width:30%;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;margin-left:auto;margin-right:auto;font-size:10pt;font-style:italic}.footer p{margin:.5em 0 0}#social-icons-flexbox{display:flex;width:40%;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:14pt}.score-banner{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0 20px;margin:20px 0 0}#total-count,#correct-count{flex-grow:2;margin:10}table{text-align:left;text-justify:inter-word;width:80%;margin-left:auto;margin-right:auto}td{padding:0 10px 10px;font-weight:400;font-size:12pt;vertical-align:middle;text-align:center}.error{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:red;text-decoration-thickness:1px;text-underline-offset:10%}.boxed{border:1px black solid;padding:10px;background-color:#fff;border-radius:5px;box-shadow:5px 5px #000}.boxed-black{border:1px black solid;padding:10px;border-radius:5px;background-color:#000;color:#fff;margin:1.5em 0 .5em}a{text-decoration:none;color:#000}.btn{color:#000;padding:10px 30px;width:fit-content;margin-left:auto;margin-right:auto}@media (hover: hover){.btn.boxed:hover{transform:translate(5px,5px);box-shadow:0 0 #000;transition:.1s}}.social-icon:hover{color:red;transition:.2s}#keyboard-cont{margin:1rem 0;display:flex;flex-direction:column;align-items:center;row-gap:10px}#keyboard-cont div{display:flex;justify-content:center;align-items:center;gap:5px;width:70%}.keyboard-button{cursor:pointer;color:#000;font-family:Roboto Mono,monospace;background-color:#fff;line-height:1.5;font-size:12pt;touch-action:manipulation;flex:1 1 0px;margin-left:auto;margin-right:auto;box-shadow:3px 3px #000}.keyboard-button.clicked{transform:translate(2px,2px);box-shadow:0 0 #000}#attempt-box{width:75%;border:1px black solid;border-radius:5px;background-color:#fff;font-family:Roboto Mono,monospace;font-size:14pt;color:#000;padding:0 10px;line-height:2}#next-round-btn{margin:0 0 20px}#word-prompts{display:flex;flex-direction:row;gap:10px;margin:10px 0}.prompt{flex:1 1 0px;padding:10px;aspect-ratio:1/1;align-items:center;margin:5px 5px 1rem;position:relative}.prompt:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prompt.clicked{transform:translate(5px,5px);box-shadow:0 0 #000}#practice-prompt{display:flex;flex-direction:row;column-gap:10px;margin:15pt 0}#end-game-btn{border-radius:50px}}@media (max-width: 800px){body{font-family:Roboto,sans-serif;display:flex;flex-direction:column;justify-content:space-between;height:100vh;margin:0;padding:2rem 1rem;box-sizing:border-box}h1{font-weight:700;padding:0}p{font-weight:400;line-height:1.5}.line-wrap{line-height:25%}.header{width:95%;margin-left:auto;margin-right:auto;text-align:center}#header-with-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:15px}#header-title{flex:2 1 90%;margin:0}#header-menu{flex:1 2 auto}.content{width:95%;margin-left:auto;margin-right:auto;text-align:center}.footer{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;margin-left:auto;margin-right:auto;font-size:10pt;font-style:italic}.footer p{margin:.5em 0 0}#social-icons-flexbox{display:flex;width:100%;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:14pt}table{text-align:left;text-justify:inter-word;width:95%;margin-left:auto;margin-right:auto}td{padding:0 10px 10px;font-weight:400}.score-banner{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0 20px;margin:20px 0 0}#total-count,#correct-count{flex-grow:2;margin:0}.error{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:red;text-decoration-thickness:1px;text-underline-offset:10%}.boxed{border:1px black solid;padding:10px;border-radius:5px;box-shadow:5px 5px #000}.boxed-black{border:1px black solid;padding:10px;border-radius:5px;background-color:#000;color:#fff;margin:1.5em 0 .5em}a{text-decoration:none;color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn{color:#000;padding:10px 30px;width:fit-content;margin-left:auto;margin-right:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn.boxed:hover{transform:translate(5px,5px);box-shadow:0 0 #000;transition:.1s}.social-icon:hover{color:red;transition:.2s}#keyboard-cont{margin:1rem 0;display:flex;flex-direction:column;align-items:center;row-gap:2px}#keyboard-cont div{display:flex;justify-content:center;align-items:center;width:100%;gap:3px}.fourth-row{padding:20px 0}.keyboard-button{cursor:pointer;color:#000;font-family:Roboto Mono,monospace;background-color:#fff;line-height:1.5;font-size:12pt;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:1 1 0px;margin-left:auto;margin-right:auto;box-shadow:0 0 #000;transform:translate(2px,2px)}.keyboard-button.clicked{transform:translate(2px,2px);box-shadow:0 0 #000}#attempt-box{width:75%;border:1px black solid;border-radius:5px;background-color:#fff;font-family:Roboto Mono,monospace;font-size:14pt;color:#000;padding:0 10px;line-height:2;margin:10 0 10 0}#word-prompts{display:flex;flex-direction:row;gap:.1vw;margin:10px 0}.prompt{flex:1 1 0px;padding:10px;aspect-ratio:1/1;align-items:center;margin:5px 5px 1rem;position:relative}.prompt:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prompt.clicked{transform:translate(5px,5px);box-shadow:0 0 #000}#practice-prompt{display:flex;flex-direction:row;gap:20px;margin:15pt 0}}