index.css

body {
    width: min-content;
    height: 3000%;
}



#overlay {
    position: fixed;
    translate: calc(-50% + 50vw) calc(-50% + 50vh);
    text-align: center;
    line-height: 75px;
    font-size: 30px;
    height: 150px;
    width: 220px;
    background: white;
    border: solid 1px black;
    z-index: 5;
    
}

.singleTile {
    width:25px;
    height:25px;
    border: solid 2px black;

    text-align: center;
    line-height: 25px;
    font-size: 22.5px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin: 0%;


}
.singleTile:hover {
    background-color: grey;
}
.divD1 {
    margin: 0%;
    display: inline-block;
    word-wrap: break-word;
    overflow-wrap: break-word;

}
.divD2 {
    margin: 0%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;


}
.divD3 {
    margin: 10px;

}
.divD4 {
    margin: 10px;


}
.boardContainer {
    /*translate: calc(-50% + 50vw) 0;*/
    width: 10000vw;

}
#gameSelector {
    width:600px;
}