@import url(http://fonts.googleapis.com/css?family=Oxygen);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#siteHeader{font-family:"Oxygen";text-align:center;background-color:#3498db;padding:0 0 1%;color:#fff}#siteHeader #homeButton{position:absolute;top:20px;left:30px;width:64px;height:64px}#siteHeader h1,#siteHeader h5{font-family:"Oxygen",sans-serif;margin:0}#siteHeader h1{font-size:60px}#siteHeader h5{font-size:25px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}#gameScreenContainer #topBar #homeButton,#gameScreenContainer #topBar #randomSelectButton,#gameScreenContainer #topBar #shuffleListButton{margin:15px 20px 0;height:90px;width:90px}#gameScreenContainer #gameContainer{max-width:1600px;margin:0 auto}#gameScreenContainer #gameContainer h1{font-size:70px;margin:0 0 20px}#wordGrid{display:grid;grid-gap:15px;margin:0 10px}.wordBlock{text-align:center;font-size:42px;border:2px solid #000;padding:25px 0;border-radius:90px}.wordBlockVisible{background-color:#3498db;color:#fff}.wordBlockInvisible{background-color:#f43535}h1{font-size:40px}h1,h2,h3{text-align:center}h2,h3{margin:10px 0 5px;font-size:30px}a{text-decoration:none}#mainMenuGridContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto 1fr 1fr;grid-template-areas:"title title title" "list-name-menu grid-size-menu grid-size-menu" "list-name-menu custom-list-input shuffle-button" "list-name-menu custom-list-input . "}#mainMenuGridContainer #title{grid-area:title;place-self:center}#mainMenuGridContainer #title #playButton{display:block;font-size:40px;width:200px;margin:20px 0}#mainMenuGridContainer #listNameMenu{font-size:20px;grid-area:list-name-menu;align-self:start;justify-self:stretch;padding:0 20px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}#mainMenuGridContainer #listNameMenu .item{flex:0 1 auto;align-self:auto;margin:5px 0}#mainMenuGridContainer #gridSizeMenu{grid-area:grid-size-menu;align-self:start;justify-self:stretch}#mainMenuGridContainer #gridSizeMenu #gridSizes{display:grid;grid-template-columns:1fr 1fr 1fr}#mainMenuGridContainer #gridSizeMenu #gridSizes .item{margin:5px}#mainMenuGridContainer #customSetter{grid-area:custom-list-input;justify-self:stretch;display:inline-flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}#mainMenuGridContainer #customSetter h2{text-align:center;margin:10px 0 0}#mainMenuGridContainer #customSetter p{margin:0 0 10px;text-align:center}#mainMenuGridContainer #customSetter textarea{resize:none;border:2px solid #000;border-radius:10px;font-size:20px;font-family:inherit;flex:2 1 auto}#mainMenuGridContainer #shuffleMenu{grid-area:shuffle-button;align-self:start;justify-self:center}#mainMenuGridContainer #shuffleMenu h2{margin:10px 0}#mainMenuGridContainer #shuffleMenu #shuffleButton{display:flex;margin:0 20px;font-size:40px}.button{color:#fff;background-color:#3498db;text-align:center;padding:10px 20px;border:2px solid #000;border-radius:10px;cursor:pointer}.list-name-button{font-size:30px}.grid-size-button{font-size:20px}.active{background-color:#6fb504}.inactive{background-color:red}
/*# sourceMappingURL=main.909ef719.chunk.css.map */