body,html{background-color:#282c34;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:source-code-pro,monospace}code{font-family:source-code-pro,Courier New,monospace}*{box-sizing:border-box}.App{background-color:#282c34;color:#fff;flex-direction:column;min-height:100vh}.Modal{background-color:#414141;border:1px solid #78c708;border-radius:15px;left:0;margin:auto;max-width:600px;min-height:300px;padding:1rem;position:absolute;right:0;z-index:2}.HideModal{display:none}@media only screen and (max-width:600px){.Modal{max-width:100%;min-height:50vh}}.PageTitle{font-size:50px;margin:0;padding:40px 20px 0;text-align:center}@media only screen and (max-width:600px){.PageTitle{padding:0}}.Game{color:#fff;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:600px}.Play{min-width:70%}.Counters{display:flex;flex-direction:column;justify-content:center;padding-top:2rem}.GuessCounter{display:flex;flex-direction:row;font-size:2rem;justify-content:space-between;margin:1rem;text-align:center}@media only screen and (max-width:600px){.GuessCounter{font-size:1rem;margin:1rem 3rem}}.InputBoxes{display:flex;flex-direction:row;justify-content:center}.LetterInput{background:transparent;border:transparent;border-bottom:5px solid #eed708;border-radius:3px;border-top:5px dashed transparent;caret-color:transparent;color:#6b6b6b;font-family:source-code-pro,monospace;font-size:5rem;margin:40px 10px;padding:.5rem;text-align:center}@media only screen and (max-width:600px){.LetterInput{font-size:2rem;margin:30px 5px 0}}input:focus{background:#464657;border-bottom:5px solid #fff;outline:none}.letter-input-correct{background:#78c708;border-bottom:5px solid #c1f38c;border-top:5px solid #78c708;color:#414141}.letter-input-incorrect{background:#bd4141;border-bottom:5px solid #e87930;border-top:5px solid #bd4141}.Animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-name:colorChange;animation-name:colorChange;-webkit-transform:rotateY(1turn);transform:rotateY(1turn);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}@-webkit-keyframes colorChange{0%{background-color:#bd4141}50%{background-color:#eed708}to{background-color:#78c708}}@keyframes colorChange{0%{background-color:#bd4141}to{background-color:#eed708}}.EndGameStats{align-content:center;display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center}.SummaryModalTitle{font-size:1.3rem;margin:0}.SummaryHeading{font-size:1.5rem;margin-top:30px}.WordOfTheDayAnswer{font-size:2rem;margin:10px}.DataSummary{display:flex;flex-direction:column;margin:auto;padding-bottom:1rem;width:60%}.GuessCount,.TimeTaken{display:flex;flex-direction:row;justify-content:space-between;margin:3px}.EndGameButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#5f9ea0,#6495ed);border:3px solid #78c708;border-radius:5px;color:#000;cursor:pointer;font-family:source-code-pro,monospace;font-size:20px;margin:auto;min-width:200px;padding:10px 0;transition:1s}.EndGameButton:focus{border:3px solid grey;outline:none}.EndGameButton:hover{border:3px solid #78c708}.ModalOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.5);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1}.LandingPage{align-items:center;display:flex;flex-direction:column}.ShareButtons{display:flex;flex-direction:row;justify-content:space-evenly;margin:20px auto;padding:10px}.ShareStatsButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#78c708;border:3px solid #3e6704;border-radius:8px;color:#000;font-family:source-code-pro,monospace;font-size:1rem;margin:auto 10px;outline:none;padding:10px;text-align:center;text-decoration:none;width:100px}.WorkInProgress{padding-top:50px;text-align:center}.WorkInProgress a{color:#78c708}@media only screen and (max-width:600px){.LandingPage{margin:10px}.WorkInProgress{margin:auto;max-width:300px}}.StatsTable{color:#fff;margin:0;text-align:center}.StatsTable thead{background:#34a434}.StatsTable tbody{background:grey}.StatsTable th{padding:1rem 1.8rem}.StatsTable td{padding:.5rem}.NoGamesPlayed{padding-top:10px;text-align:center}@media only screen and (max-width:600px){.StatsTable{color:#fff;font-size:.7rem;margin:20px}.StatsTable th{padding:1rem}}.HeaderLinks{display:flex;justify-content:center;padding-bottom:20px;padding-top:5px;text-align:center}.HeaderLink{background:none;border:none;color:#fff;font-family:source-code-pro,monospace;font-size:1rem;outline:none;padding:0;text-decoration:none}.HeaderLink:hover{cursor:pointer;font-size:1rem;text-decoration:underline;text-decoration-style:dashed}.HeaderSpacer{padding:0 8px}@media only screen and (max-width:600px){.HeaderLinks{padding-top:0}}.CloseModal{display:flex;justify-content:right}.HowToPlayContent{display:flex;flex-direction:column;text-align:left}.InstructionsList li{padding-top:15px}.ModalExitButton{font-size:20px;margin-right:.5rem;margin-top:.3rem;padding:0 5px;position:absolute}.StartButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#78de86;border:3px solid #59985e;border-radius:8px;color:#000;font-family:source-code-pro,monospace;margin:20px 5px;outline:none;padding:10px;width:180px}.StartButton:focus,.StartButton:hover{border:3px solid #46ec52}.StartButton:hover{background:#2cd547;box-shadow:0 0 4px #7e7b7b;cursor:pointer}.StartText{color:#282c34;font-size:1.2rem;margin:0;position:relative;text-align:center}.Disabled,.Disabled:hover{background:#464657}.Disabled:hover{border:3px solid #59985e;box-shadow:none;cursor:auto}@media only screen and (max-width:600px){.StartButton{margin:10px 4px;outline:none;width:110px}.StartText{color:#282c34;font-size:1rem;margin:0;position:relative;text-align:center}}.GameModeButtons{display:flex;flex-direction:row;justify-content:center}.ChallengeHeading{margin-bottom:0;text-align:center}.TwitterShareButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1d9bf0;border:3px solid #146ca1;border-radius:8px;color:#000;display:block;font-family:source-code-pro,monospace;font-size:1rem;margin:auto 10px;outline:none;padding:10px;text-align:center;text-decoration:none;width:100px}.TwitterShareButton:hover{border:3px solid grey}.TwitterShareButton:focus{background:#146ca1}.Timer{display:flex;flex-direction:row;font-size:2rem;justify-content:space-between;margin:1rem;text-align:center}@media only screen and (max-width:600px){.Timer{font-size:1rem;margin:1rem 3rem}}
/*# sourceMappingURL=main.1769cd75.css.map*/