style.css

html{
    --background: #211522;
    --foreground: #613659;
    --text: #D3B1C2;

    color: var(--text);
    background: var(--background);

}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

nav{
    display: flex;
    justify-content:space-evenly;
}

.wrapper{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
}


.container{
    display: grid;
    /* min-width: 50%;
    min-height: 50%; */
    background: var(--foreground);
    grid-template: repeat(3, minmax(200px, 1fr)) / repeat(3, minmax(200px, 1fr));
    justify-items: center;
    align-items: center;
    border-radius: 5px;
}   

.gameBoardSquare {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: solid 2px var(--background);
    color: green;
    font-size: 3rem;
}

.display__Score{
    display: flex;
    justify-content: space-between;
    width: 50vw;
}

.disable{
    pointer-events: none; 
}