.square{
    margin: 1px;
    border-radius: 10px;
    border-width:5px;
    border-style:solid;
    background-color: rgb(127, 235, 206);
    height: 170px;
    width: 170px; 
}
.square-on{
    background-color: rgb(218, 116, 98);
}

.winner-button{
    background-color: rgb(255,238,142);
    font-size: 20px;
    font-family: 'Helvetica Neue', monospace;
}

.error-button{
    background-color: rgb(205, 24, 24);
    color: white;
    font-size: 20px;
    font-family: 'Helvetica Neue', monospace;
}

@media (max-width: 600px) {
    .square {
        height:100px;
    }
  }

.title{
    text-align: center;
    font-family: "Courier", sans-serif;
    font-weight: bold;
    font-size: 40; 
}

.container3{
    column-count: 1;
    width: 600px;
    justify-content: center;
    position:static;
}

.container2{
    column-count: 1;
    width: 400px;
    justify-content: center;
    position:static;
}

.container4{
    column-count: 1;
    width: 800px;
    justify-content: center;
    position:static;
}

.row{
    justify-content: center;
    justify-items: center;
}

body {
    justify-items: center;
    justify-content: center;
}