/* Connect 4 Game
Kieran Starr - 2025 */

div#container {
    display: grid;
    grid-template-rows: 0px 0px 0px 0px 0px 0px;
    grid-template-columns: 90px 90px 90px 90px 90px 90px 90px;
    row-gap: 0px;
    column-gap: 0px;
    text-align: center;
    grid-template-areas:
    '1-1' '2-1' '3-1' '4-1' '5-1' '6-1' '7-1'
    '1-2' '2-2' '3-2' '4-2' '5-2' '6-2' '7-2'
    '1-3' '2-3' '3-3' '4-3' '5-3' '6-3' '7-3'
    '1-4' '2-4' '3-4' '4-4' '5-4' '6-4' '7-4'
    '1-5' '2-5' '3-5' '4-5' '5-5' '6-5' '7-5'
    '1-6' '2-6' '3-6' '4-6' '5-6' '6-6' '7-6'
    ;

    p.player1 {
        background-color: red;
    }

    p.player2 {
        background-color: yellow;
    }
}

div#turn {
    display: block;
    text-align: left;

    p#P1 {
        background-color: red;
        color: white;
    }
    p#P2 {
        display: none;
        background-color: yellow;
        color: black;
    }
}