*,:after,:before{box-sizing:border-box;font-family:sans-serif}#root,body{left:0;margin:0;min-height:100vh;min-width:100%;padding:0;position:absolute;top:0}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}:root{--background-clr:#1b1d32;--secondary-clr:#f4bed9;--primary-clr:#90c4d5;--on-background-color:#e0e7eb;--on-primary-clr:#0d0d0d;--on-secondary-clr:#0d0d0d;scroll-behavior:smooth}body{position:relative}body,html{overflow-x:hidden}.App{background-color:#1b1d32;background-color:var(--background-clr);display:flex;flex-direction:column;min-height:100vh}.inpt{background-color:transparent;border:none;border-bottom:2px solid #90c4d5;border-bottom:2px solid var(--primary-clr);color:#90c4d5;color:var(--primary-clr)}textarea.inpt{word-wrap:break-word;overflow-y:hidden;resize:none}.inpt:focus,.inpt:hover{border-color:#e0e7eb;border-color:var(--on-background-color);color:#e0e7eb;color:var(--on-background-color);outline:none}.btn{background-color:#1b1d32;background-color:var(--background-clr);border:2px solid #90c4d5;border:2px solid var(--primary-clr);border-radius:.4em;color:#90c4d5;color:var(--primary-clr);cursor:pointer;font-weight:bolder;padding:.3em .5em;transition:background-color .2s ease,color .2s ease,border .2s ease}.btn.active,.btn:active,.btn:focus,.btn:hover{background-color:#90c4d5;background-color:var(--primary-clr);color:#0d0d0d;color:var(--on-primary-clr);outline:none}.main-body{display:flex;flex:1 1 auto;flex-direction:column;padding-top:1rem}.main-header{align-items:center;background-color:#f4bed9;background-color:var(--secondary-clr);display:flex;flex-direction:row;font-size:1.5rem;font-weight:700;height:2em;justify-content:center;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase;width:100vw}.main-header,.main-header .goback{color:#0d0d0d;color:var(--on-secondary-clr)}.main-header .goback{background-color:transparent;border:none;cursor:pointer;font-size:1.4rem;font-weight:bolder;transition:color .2s ease;width:2rem}.main-header .goback:focus,.main-header .goback:hover{color:#90c4d5;color:var(--primary-clr)}.main-header .page-name{flex:1 1 auto;text-align:center}.main-header .spacer{background-color:red;width:2rem}.main-footer{align-items:center;bottom:-5px;display:flex;height:3rem;justify-content:center;min-width:100vw;position:fixed}.footer-button{background-color:#1b1d32;background-color:var(--background-clr);border:none;border-top:5px solid transparent;color:#90c4d5;color:var(--primary-clr);cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;padding:.4em 0;text-align:center;transition:color .2s ease,border .2s ease}.footer-button.active,.footer-button:active,.footer-button:focus,.footer-button:hover{border-top:5px solid #90c4d5;border-top:5px solid var(--primary-clr)}.footer-button:hover{border-color:#e0e7eb;border-color:var(--on-background-color);color:#e0e7eb;color:var(--on-background-color)}.word-list-body{margin-left:auto;margin-right:auto;padding:1rem 1rem 3rem;width:clamp(0px,100%,700px)}.error{color:#e46767}.word-list-body .error{margin-bottom:1em}.search{font-size:.8rem;margin-bottom:1.5rem;padding-bottom:.2em;transition:font-size .2s ease}.search:focus{font-size:1.3rem;outline:none}.add-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.add-form>input{font-size:1.2rem}.add.btn{border-color:#f4bed9;border-color:var(--secondary-clr);color:#f4bed9;color:var(--secondary-clr);font-size:1.5rem;padding:0}.add.btn:active,.add.btn:focus,.add.btn:hover{background-color:#f4bed9;background-color:var(--secondary-clr);color:#1b1d32;color:var(--background-clr)}.words{display:flex;flex-direction:column;gap:.5rem}.words-item{align-items:center;display:flex;flex-direction:row;gap:1ch;max-width:90vw}.word-text{border-radius:.3em;color:#90c4d5;color:var(--primary-clr);cursor:pointer;flex:1 1 auto;font-size:1.1rem;overflow:hidden;padding:.5ch 1ch;text-overflow:ellipsis;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.word-text:focus,.word-text:hover{background-color:#90c4d5;background-color:var(--primary-clr);color:#0d0d0d;color:var(--on-primary-clr);outline:none}.words-item>.btn{max-height:2em;max-width:2em;min-height:2em;min-width:2em}.words-item>.btn.active:active,.words-item>.btn.active:focus,.words-item>.btn.active:hover,.words-item>.btn:active,.words-item>.btn:focus,.words-item>.btn:hover{background-color:#f4bed9;background-color:var(--secondary-clr);border-color:transparent;color:#0d0d0d;color:var(--on-secondary-clr)}.word-edit-body{gap:1.5rem;padding:1rem}.word-edit-block,.word-edit-body{display:flex;flex-direction:column}.word-edit-block{gap:.5rem}.word-edit-block>label{color:#90c4d5;color:var(--primary-clr);font-size:1.2rem}.word-edit-block>.definition-edit{font-size:1.2rem}.word-edit-block>.name-edit{transition:font-size .2s ease}.word-edit-block>.name-edit:focus{font-size:1.4rem}.play-body{display:flex;flex:1 1 auto;flex-direction:column;padding:1rem 1rem 3rem}.play-body .score{align-items:center;color:#90c4d5;color:var(--primary-clr);display:flex;font-size:1.5rem;font-weight:bolder;justify-content:center}.restart-mode-container{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.restart-mode-container>.btn{border:none;font-size:1.2rem}.guess-block{background-color:transparent;border:none;color:#90c4d5;color:var(--primary-clr);cursor:pointer;flex:1 1 auto;font-size:2rem;height:100%;text-align:center;transition:color .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,color .1s ease;transition:transform .1s ease,color .1s ease,-webkit-transform .1s ease;width:100%}.guess-block:active{color:#fff;-webkit-transform:scale(.9);transform:scale(.9)}.answer-block{--correct-clr:#67e4bb;--incorrect-clr:#e46767;display:flex;flex:1 1 auto;flex-direction:column;height:100%;width:100%}.answer-block .answers{display:flex;flex-direction:row;gap:1rem;margin-bottom:2rem;margin-top:auto}.answer-block .answers>.btn{flex:1 1;font-size:1.3rem;height:clamp(125px,20vw,200px);transition:background-color .1s ease,color .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,background-color .1s ease,color .1s ease;transition:transform .1s ease,background-color .1s ease,color .1s ease,-webkit-transform .1s ease}.answers>.btn.correct{--corresponding-clr:var(--correct-clr)}.answers>.btn.incorrect{--corresponding-clr:var(--incorrect-clr)}.answers>.btn{border:5px solid var(--corresponding-clr);color:var(--corresponding-clr)}.answers>.btn:active,.answers>.btn:focus,.answers>.btn:hover{background-color:var(--corresponding-clr);color:#1b1d32;color:var(--background-clr)}.answers>.btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.answer-block .guess-result{background-color:transparent;border:none;color:#90c4d5;color:var(--primary-clr);width:100%}.answer-block .guess-result,.play-body .warning{align-items:center;display:flex;flex:1 1 auto;font-size:2rem;justify-content:center;text-align:center}.play-body .warning{color:#f4bed9;color:var(--secondary-clr)}@media (max-width:300px){:root{font-size:14px}.word-list-body{padding:.5rem .5rem 3rem}}
/*# sourceMappingURL=main.0ca61bed.css.map*/