html,body,#root{width:100%;height:100%;padding:0;margin:0;background-color:#383838;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.colBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:30px;width:calc(100% - 20px)}.rowBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:60px;width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.title{font-size:3vw;color:#f5f5f5;position:relative}.card{color:#f5f5f5;background-color:#696969;border-radius:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card:hover{cursor:pointer}.cardTitle{font-size:4vw;text-align:center;color:#f5f5f5}.score{font-size:16vw;text-align:center;line-height:1;font-family:Teko;color:#ff0}.subScore{position:absolute;left:0;bottom:0;width:64px;height:64px;border-radius:10px;background-color:#d3d3d3;color:#333;font-size:2em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}