style.css

body {
    background-color:white;
    text-align:center;
}

#banner {
    font-family: 'Nunito', serif;
}

h2{
    font-family: 'Nunito', serif;
}

#game{
    width:450px;
    height:450px;
    border-radius:100%;
    position:relative;
    margin:100px auto;
}

button{
    border-radius:100%;
    width:20px;
    height:20px;
    margin:10px 30px 5px 30px;
    background-color:orangered;
    border-color:#222;
    border-style:solid;
}

#start:active{
    background-color: orange;
}

.active{
    background-color:orange;
}
.bigButton{
    border-width:15px;
    border-color:#222;
    border-style:solid;
    width:190px;
    display:inline-block;
    height:190px;
    margin:-2px;
}

#button1{
    border-radius:100% 0 0 0;
    background-color:#090;
}

#button2 {
    border-radius:0 100% 0 0;
    background-color:#bc2000 ;
}

#button3{
    border-radius:0 0 0 100%;
    background-color:#bcbc20;
}

#button4 {
    border-radius:0 0 100% 0;
    background-color:#0002bc;
}

#circle{
    border-width:15px;
    border-style:solid;
    border-color: #222;
    border-radius:100%;
    background-color:#E0DFDB;
    width:180px;
    height:180px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index:50;
}

h4{
    display:inline-block;
    margin:30px 20px 0 20px;
}

#count{
    margin:-8px auto -18px auto;
    width:50px;
    height:30px;
    background-color:darkred;
    border-radius: 10px;
    border-style:solid;
    border-width:3px;
    border-color:grey;
}

h3{
    margin:-6px auto 0 auto;
    font-size:2em;
}