:root {
    --bagckround_color: white;
    --forground-color: black;
    --button_color: green;
}
@media (prefers-color-scheme: light) {

    --bagckround_color: #30303AFF;
    --forground-color: white;
    --button_color: #4467de;
    
}
body {
    background: var(--bagckround_color);
}
.cell {
    border: 2px solid;
    width: 80px;
    height: 80px;
    cursor: pointer;
    box-shadow: 0px 0px 0px 2px var(--bagckround_color);
    background: var(--bagckround_color);

}

#gameContainer {
    text-align: center;
    background: var(--bagckround_color);
button {

    width: 70px;
    background-color: var(--button_color);
    color: aliceblue;
    border-radius: 10px;

}
}
#cellContainer {
    height: 100px;
    font-size: 50px;
    display: grid;
    grid-template-columns: repeat(3, auto);
    width: 225px;
    margin: auto;
    background: green;
}
#status {
    margin-top: 200px;
    height: 37px;

}