body{
    font-family: 'Baloo', cursive;
    background: #CAC9CB;
}
h1{
    font-size: 50px;
    text-align: center;
}
h2{
    text-align: right;
    margin-right: 20px;
    font-size: 30px;
}
h3{
    height: auto;
    text-align: left;
    margin-right: 20px;
}
.circles{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    width: 300px;
    height: 300px;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    font-size: 30px;
    margin: auto;
 }

 #circle1{
     background: #F64908;
     border-radius: 40px;
     border: 3px solid black;
 }
 #circle2{
    background: #8E9B0E;
    border-radius: 40px;
    border: 3px solid black;

}

#circle3{
    background: #12A3E1;
    border-radius: 40px;
    border: 3px solid black;
}
#circle4{
    background: #270644;
    border-radius: 40px;
    border: 3px solid rgba(0, 0, 0, 0.541);
}

.buttons{
    display: flex;
    justify-content: center;
}
#start{
    border-radius: 10px;
    font-size: 15px;
    margin: auto;
    font-family: 'Baloo', cursive;
    background: #CAC9CB;
    border: 3px solid black;
}

#reset{
    border-radius: 10px;
    font-size: 15px;  
    margin: auto;
    font-family: 'Baloo', cursive;
    background: #CAC9CB;
    border: 3px solid black;
}