html,body{height:100vh;margin:0}#MainContainer{height:100vh;width:100vw;display:grid;grid-template-columns:80vw 20vw;grid-template-rows:1fr}#GameContainer{height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:relative}#EventContainer{height:100%;width:100%;background-color:#e7e7e7;display:flex;justify-content:center;flex-direction:column}#EventContainerText{display:flex;justify-self:center;align-self:center;height:4vh;width:auto;font-size:2vw}#GameBoard{height:75vh;width:40vw;outline:.5vw solid rgb(102,102,102);display:grid}.Tile{display:flex;justify-content:center;align-items:center;height:100%;width:100%;border:1px gray solid;box-sizing:border-box;overflow:hidden}.Tile.uncovered{border-top:.5vw solid rgb(241,241,241);border-left:.5vw solid rgb(241,241,241);border-right:.5vw solid rgb(46,46,46);border-bottom:.5vw solid rgb(92,92,92);background-color:#a9a9a9;cursor:pointer}.Tile.revealed{border:.2vw solid rgb(169,169,169);background-color:#e7e7e7;cursor:default}.TestTileText{display:flex;text-align:center;justify-content:center;align-items:center;font-size:2vw;height:100%;-webkit-user-select:none;user-select:none}#GameMenuBackground{height:75vh;width:40vw;display:none;position:absolute;justify-content:center;align-items:center;flex-direction:column;background-color:#808080e6}.GameStatusComponent{position:relative;text-align:center}#ResultText{top:20%;left:50%;transform:translate(-50%,-50%);font-size:3vw}#GameButtons{height:25vh;width:30vw;top:35%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding-left:1vw;padding-right:1vw}#GameButtonsLevelPicker{height:25vh;width:30vw;top:35%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding-left:1vw;padding-right:1vw}#LevelText{position:relative;text-align:center;font-size:3vw;top:30%;left:50%;transform:translate(-50%,-50%)}#StartButton{position:absolute;text-align:center;font-size:3vw;top:90%;left:50%;transform:translate(-50%,-50%)}.GameMenuButton{display:block;border-top:.5vw solid rgb(241,241,241);border-left:.5vw solid rgb(241,241,241);border-right:.5vw solid rgb(46,46,46);border-bottom:.5vw solid rgb(92,92,92);align-self:center;justify-self:center;width:10vw;font-size:2vw;-webkit-user-select:none;user-select:none;cursor:pointer}.GameMenuButton:hover{border-top:.3vw solid rgb(241,241,241);border-left:.3vw solid rgb(241,241,241);border-right:.5vw solid rgb(46,46,46);border-bottom:.5vw solid rgb(92,92,92)}.GameMenuButton:active{border-top:.1vw solid rgb(241,241,241);border-left:.1vw solid rgb(241,241,241);border-right:.6vw solid rgb(46,46,46);border-bottom:.6vw solid rgb(92,92,92)}@media (max-width: 960px){#GameBoard,#GameMenuBackground{height:75vh;width:50vw}}@media (max-width: 800px){#GameBoard,#GameMenuBackground{height:75vh;width:60vw}#ResultText{top:15%;font-size:5vw}#LevelText{font-size:3vw;top:15%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:30%;left:50%}#StartButton{top:85%;left:50%}}@media (max-width: 700px){#GameBoard,#GameMenuBackground{height:75vh;width:60vw}#ResultText{top:25%;font-size:5vw}#LevelText{font-size:3vw;top:25%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:35%;left:50%}#StartButton{top:80%;left:50%}}@media (max-width: 700px){#GameBoard,#GameMenuBackground{height:60vh;width:70vw}#ResultText{top:25%;font-size:5vw}#LevelText{font-size:3vw;top:25%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:35%;left:50%}#StartButton{top:80%;left:50%}}@media (max-width: 430px){#GameBoard,#GameMenuBackground{height:50vh;width:70vw}#ResultText{top:25%;font-size:5vw}#LevelText{font-size:3vw;top:30%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:40%;left:50%}#StartButton{top:80%;left:50%}}@media (max-width: 350px){#GameBoard,#GameMenuBackground{height:40vh;width:60vw}#ResultText{top:25%;font-size:5vw}#LevelText{font-size:3vw;top:30%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:40%;left:50%}#StartButton{top:80%;left:50%}}@media (max-width: 250px){#MainContainer{grid-template-columns:1fr;grid-template-rows:50vh 100vh}#GameBoard,#GameMenuBackground{height:30vh;width:70vw}#ResultText{top:25%;font-size:5vw}#LevelText{font-size:3vw;top:30%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:40%;left:50%}#StartButton{top:80%;left:50%}}@media (max-width: 180px){#MainContainer{grid-template-columns:1fr;grid-template-rows:50vh 100vh}#GameBoard,#GameMenuBackground{height:30vh;width:90vw}#ResultText{top:30%;font-size:9vw}#LevelText{font-size:4vw;top:35%}#GameButtonsLevelPicker{height:25vh;width:50vw;top:40%;left:50%}#StartButton{top:85%;left:50%}}.EventInstanceContainer{display:flex;flex-direction:column;justify-content:center;margin-bottom:1vh;background-color:#a9a9a9}.TypeText{font-size:1vw;text-align:center}.DataText{font-size:.8vw;text-align:center;margin-top:-.5vw}#EventContainerGrid{height:85vh;width:100%;overflow-y:auto;overflow-x:hidden;margin-bottom:3vh}
