#textFlash{font-size:12px;left:50%;position:fixed;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;white-space:nowrap;z-index:2}@-webkit-keyframes fontGrowBig{0%{font-size:36px;opacity:1;visibility:visible}30%{font-size:72px;opacity:.9;visibility:visible}to{font-size:180px;opacity:0;visibility:visible}}@keyframes fontGrowBig{0%{font-size:36px;opacity:1;visibility:visible}30%{font-size:72px;opacity:.9;visibility:visible}to{font-size:180px;opacity:0;visibility:visible}}.fontGrow.flashScore{-webkit-animation:fontGrowBig .75s linear;animation:fontGrowBig .75s linear}@-webkit-keyframes fontGrowSmall{0%{font-size:12px;opacity:1;visibility:visible}30%{font-size:24px;opacity:.9;visibility:visible}to{font-size:60px;opacity:0;visibility:visible}}@keyframes fontGrowSmall{0%{font-size:12px;opacity:1;visibility:visible}30%{font-size:24px;opacity:.9;visibility:visible}to{font-size:60px;opacity:0;visibility:visible}}.fontGrow.notFlashScore{-webkit-animation:fontGrowSmall .75s linear;animation:fontGrowSmall .75s linear}#winnerBanner{align-items:center;background-color:#fff;border:2px solid #32cd32;border-radius:5px;box-shadow:0 0 25px #32cd32;display:flex;flex-direction:column;font-size:24px;height:100px;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75%;z-index:1}#winningPlayer{font-weight:700}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation:fadeIn .75s linear;animation:fadeIn .75s linear;display:flex!important}#backToHome:hover{cursor:pointer}#instruction{text-align:center}#activePlayer{color:red}#activePlayer,#timer{font-weight:700}.innerBox{align-items:center;border:1px solid #000;border-radius:5px;display:flex;height:100%;justify-content:center;width:100%}.innerBox.inactive{border:1px solid #a9a9a9;color:#a9a9a9}.innerBox:not(.playerBox):hover{background-color:#d6d6d6;cursor:pointer}.innerBox.inactive:hover{background-color:#fff;cursor:default}.innerBox.shaking{-webkit-animation:tiltShaking .3s infinite;animation:tiltShaking .3s infinite}.innerBox.shaking:not(.playerBox){background-color:#bebebe}.innerBox:not(.inactive).shaking:not(.playerBox):hover{background-color:#ababab}@-webkit-keyframes tiltShaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2.5deg);transform:rotate(2.5deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tiltShaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2.5deg);transform:rotate(2.5deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#grid{grid-gap:5px;display:grid;grid-auto-flow:row;height:400px;margin-top:20px;width:400px}@media only screen and (max-width:400px){#grid{height:80vw;width:80vw}}.row{grid-gap:5px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column}#wordEntryContainer{border:1px solid #d3d3d3;border-radius:5px;box-shadow:0 0 10px #d3d3d3;box-sizing:border-box;display:flex;margin-top:20px;padding:5px;width:500px}#wordEntryContainer.inactive{color:#a9a9a9}#wordEntryContainer.active{background-color:#adff2f;border:1px solid #32cd32;box-shadow:0 0 25px #adff2f;font-weight:700}.labelContainer{align-items:center;display:flex;flex:1 1;justify-content:center;text-align:center}.inputContainer{flex:auto}.inputContainer input{border-radius:5px;box-sizing:border-box;text-transform:uppercase;width:100%}.inputContainer input:focus{border-color:#32cd32;outline:none!important}@media only screen and (max-width:400px){#wordEntryContainer{width:80vw}.inputContainer{flex:1 1}}#scoreTable{border-collapse:collapse;border-radius:5px;box-shadow:0 0 10px #d3d3d3;color:#000;margin-top:20px;width:500px}#scoreTable tr:first{border-bottom:1px solid #add8e6}#scoreTable td,#scoreTable th{padding:5px 0;text-align:center}@media only screen and (max-width:400px){#scoreTable{width:80vw}}#scoreNotification{margin-top:20px}#gameContainer{align-items:center;display:flex;flex-direction:column}#headerText{font-family:fantasy;text-shadow:0 0 15px #ff0}#headerText:hover,.menuButton{cursor:pointer}.menuButton{margin:5px;width:100px}#formContainer{width:500px}.formComponent{display:flex}.formComponent>*{margin:5px;width:50%}#submitButton{align-items:center;display:flex;height:21px;justify-content:center;width:100%}#submitButton.clickable:hover{cursor:pointer}@media only screen and (max-width:550px){#formContainer{width:80vw}}#setupForm input[type=number],#setupForm select{box-sizing:border-box}#lobbyComponent{align-items:center;display:flex;flex-direction:column}#lobbyComponent *{font-size:16px}#linkComponent *{margin:0 2.5px}#linkCopiedNotification{background-color:#222;border-radius:5px;color:#fff;font-size:.7em;height:13px;padding:2px 5px;position:absolute}.alert-hidden{opacity:0;transition:all .25s linear .5s}#formComponent{display:flex;font-size:16px;margin-top:20px;width:250px}#formComponent input{flex:1 1;margin-right:2.5px}#formComponent button{margin-left:2.5px}#playerListComponent{margin-top:15px;padding:5px;text-align:center;width:250px}#playerList,#playerListTitle{margin:5px 0}#playerList{border:1px solid #ddd;border-radius:5px;list-style:none;padding:0}.playerListItem{margin:5px 0}#startGameButton{margin-top:10px;width:250px}#startGameButton:hover{cursor:pointer}#container{align-items:center;display:flex;flex-direction:column}body{font-family:sans-serif;margin:0}
/*# sourceMappingURL=main.3cdaf097.css.map*/