body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{min-height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.App{font-family:Poppins,sans-serif;font-size:16px;min-height:100vh;text-align:center}.App-header{align-items:center;background-color:#900;color:#fff;display:flex;flex-direction:row;font-family:Mountains of Christmas,cursive;font-size:16px;justify-content:center}.App-header .buffer{flex:0 0 auto;width:36px}.App-header h1{display:inline-block;flex:1 1 auto}.App-header nav{flex:0 0 auto;justify-self:flex-end;margin:0 10px}.App-header nav button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin:0 2px}.App-header nav button:hover{color:#666}.guesses{margin-top:10px;position:relative}h2{align-items:center;background:#fff;border:2px solid;color:#fff;display:none;font-family:Poppins,sans-serif;font-weight:600;height:50px;justify-content:center;left:50%;margin:-25px 0 0 -150px;position:absolute;text-transform:uppercase;top:50%;width:300px;z-index:100}h2.failed,h2.success{display:flex}h2.success{background-color:#090;border-color:#060}h2.failed{background-color:#900;border-color:#600}.guess{align-items:center;display:flex;justify-content:center;margin:4px auto;max-width:350px}.input-tile{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;display:block;font-size:2.5rem;font-weight:600;height:60px;margin:0 2px;position:relative;text-align:center;text-transform:uppercase;width:60px}.input-tile input{opacity:0}.input-tile .tile-inner,.input-tile input{height:100%;left:0;position:absolute;top:0;width:100%}.input-tile .tile-inner{align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:#fff;border:1px solid #a9a9a9;box-sizing:border-box;display:flex;justify-content:center;padding:5px;pointer-events:none}.input-tile.filled{border-color:#000}.input-tile.correct .tile-inner{-webkit-animation-name:flipCorrect;animation-name:flipCorrect}.input-tile.wrongplace .tile-inner{-webkit-animation-name:flipMisplaced;animation-name:flipMisplaced}.input-tile.wrong .tile-inner{-webkit-animation-name:flipWrong;animation-name:flipWrong}.guess.correct .tile-inner{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flipCorrect{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}to{background:#090;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes flipCorrect{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}to{background:#090;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes flipMisplaced{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}to{background:#cc0;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes flipMisplaced{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}to{background:#cc0;color:#fff;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes flipWrong{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}to{background:#d3d3d3;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes flipWrong{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{background:#fff;-webkit-transform:scaleY(0);transform:scaleY(0)}to{background:#d3d3d3;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{background-color:#090;color:#fff}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{background-color:#090;color:#fff}}.keyboard{margin:10px 0;max-width:100%}.keyboard .keyboard-row{align-items:stretch;display:flex;justify-content:center}.keyboard .keyboard-row .keyboard-button{align-items:center;background-color:#d3d3d3;border:1px solid #666;border-radius:3px;color:#666;display:flex;font-size:2rem;font-weight:600;justify-content:center;margin:2px;min-width:51px;padding:10px;text-transform:uppercase}.keyboard .keyboard-row .keyboard-button.enter{font-size:1.2rem}.keyboard .keyboard-row .keyboard-button.correct{background-color:#090;border-color:#090;color:#fff}.keyboard .keyboard-row .keyboard-button.wrongplace{background-color:#cc0;border-color:#cc0;color:#fff}.keyboard .keyboard-row .keyboard-button.wrong{background-color:#666;color:#fff}.modal-background{background-color:hsla(0,0%,100%,.75);height:100%;left:0;top:0;width:100%;z-index:150}.modal,.modal-background{position:absolute;z-index:200}.modal{background-color:#fff;border:2px solid #666;height:400px;left:50%;margin-left:-200px;margin-top:-200px;top:50%;width:400px}.modal .close-button{background:none;border:none;cursor:pointer;position:absolute;right:5px;top:5px;z-index:201px}.modal .close-button:hover{color:#d3d3d3}.stats-modal{align-items:center;display:flex;flex-direction:column}.stats-modal .stats-counts{align-items:stretch;display:flex;justify-content:space-evenly}.stats-modal .stats-counts .stat-box{align-items:center;display:flex;flex-direction:column;margin:0 5px;width:60px}.stats-modal .stats-counts .stat-box label{font-size:.75rem;line-height:.8rem}.stats-modal .stats-counts .stat-box span{display:inline-block;font-size:2rem}.stats-modal .guess-bar-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:2px;position:relative;width:350px}.stats-modal .guess-bar-wrapper label{flex:0 0 auto;margin-right:5px;text-align:right;width:20px}.stats-modal .guess-bar-wrapper .guess-bar{background-color:#a9a9a9;flex:0 0 auto;padding:0 5px;text-align:right}.stats-modal .guess-bar-wrapper .guess-bar.current{background-color:#090;color:#fff}@media only screen and (min-device-width:320px)and (max-device-width:480px){.App{font-size:14px}.keyboard .keyboard-row .keyboard-button{font-size:1.2rem;min-width:20px;padding:7.5px}.keyboard .keyboard-row .keyboard-button.enter{font-size:.9rem}.modal{margin-left:-175px;width:350px}}
/*# sourceMappingURL=main.3d41485f.css.map*/