body,html{overflow:hidden;font-size:1vh}#webgl-container{position:fixed;inset:0;z-index:0}.gridBox{display:flex;position:absolute;width:80%;height:80%;left:10%;top:10%}.gridBox .gridBoxColumn{display:flex;flex-direction:column;align-content:stretch}.gridBox .gridBoxColumn .item{flex-grow:1;border:2px solid blue;border-radius:20px;margin:.5rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.gridBox .gridBoxColumn .item p{font-size:3rem;color:blue;font-family:"Roboto",sans-serif;text-transform:uppercase}.gridBox .gridBoxColumn:nth-child(1){width:30%}.gridBox .gridBoxColumn:nth-child(1) .item:nth-child(1){height:20%}.gridBox .gridBoxColumn:nth-child(1) .item:nth-child(2){height:30%}.gridBox .gridBoxColumn:nth-child(1) .item:nth-child(3){height:50%}.gridBox .gridBoxColumn:nth-child(2){width:40%}.gridBox .gridBoxColumn:nth-child(2) .item:nth-child(1){height:10%}.gridBox .gridBoxColumn:nth-child(2) .item:nth-child(2){height:70%}.gridBox .gridBoxColumn:nth-child(2) .item:nth-child(3){height:20%}.gridBox .gridBoxColumn:nth-child(3){width:20%}.gridBox .gridBoxColumn:nth-child(3) .item:nth-child(1){height:40%}.gridBox .gridBoxColumn:nth-child(3) .item:nth-child(2){height:10%}.gridBox .gridBoxColumn:nth-child(3) .item:nth-child(3){height:50%}.gridBox .gridBoxColumn:nth-child(4){width:30%}.gridBox .gridBoxColumn:nth-child(4) .item:nth-child(1){height:25%}.gridBox .gridBoxColumn:nth-child(4) .item:nth-child(2){height:45%}.gridBox .gridBoxColumn:nth-child(4) .item:nth-child(3){height:30%}