body{
    margin:0;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.square1{
    background-color: wheat;
    width: 12.5%;
    height: 12.5%;
    
}
.square{
    background-color: grey;
    width: 12.5%;
    height: 12.5%;
}
.container{
    display: flex;
    flex-wrap: wrap;
    width: 50vw;
    height: 50vw;
}
.checker{
    background-color:red;
    width: 100%;
    height:100%;
    border-radius: 100%;
}
.checker1{
    background-color:black;
    width:100%;
    height:100%;
    border-radius: 100%;
}
html{
    background-color:chocolate;
}