.game-board {
    display: grid;
    /* grid-template-columns: repeat(3, auto); */
    grid-gap: 10px;
    max-width: 60vh;
    margin: auto;
}

.game-btn {
    aspect-ratio: 1/1;
    position: relative;
    font-size: 30px;
    background: rgba(0,0,0,.7);
    border: 1px solid darkgoldenrod;
    transition: all .2s;
}
.game-btn.user,
.score-container .user {
    color: darkblue;
    border-color: darkblue;
}
.game-btn.cpu,
.score-container .cpu {
    color: darkred;
    border-color: darkred;
}

.game-btn.win {
    color: white !important;
}

.game-btn.user.win {
    background-color: darkblue;
}

.game-btn.cpu.win {
    background-color: darkred;
}

.btn-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.highl {
    border: 1px solid darkgoldenrod !important;
    background: white;
}

.score-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    text-align: center;
    padding: 20px;
    font-size: 30px;
}

.restart-container {
    display: flex;
    justify-content: center;
    padding: 20px;
}