body{
    background:#242324;
    z-index: -5;
}



.container{
    margin:0 auto;
    height:590px;
    width:590px;
    margin-top:8%;
    z-index: 1;
    position:relative;
}


#circle1 {
    border-radius: 600px 0px 0px 0px;
    background:#E3E436;
    padding: 20px;
    width: 280px;
    height: 280px;
    display:inline-block;
    margin-right:20px;
    margin-bottom:20px;
    border:10px solid #E3E436;
    box-shadow: inset 0 0 80px #4A360B;
    z-index: 2;
    /*opacity:0.55;*/
}

#circle2 {
     border-radius: 0px 600px 0px 0px;
    background:#D40000;
    padding: 20px;
    width: 280px;
    height: 280px;
    display:inline-block;
    margin-bottom:20px;
    border:10px solid #D40000;
    box-shadow: inset 0 0 80px #300000;
    /*opacity:0.55;*/
    z-index: 2;

}

#circle3 {
    border-radius: 0px 0px 0px 600px;
    background:#5CA4F5;
    padding: 20px;
    width: 280px;
    height: 280px;
    display:inline-block;
    margin-right:20px;
    margin-top:-55px;
    border: 10px solid #5CA4F5;
    box-shadow: inset 0 0 80px #122030;
    /*opacity:0.55;*/
    z-index: 1;
}


#circle4 {
    border-radius: 0px 0px 600px 0px;
    background: rgb(115,173,33);
    padding: 20px;
    width: 280px;
    height: 280px;
    display:inline-block;
    border:10px solid rgba(115,173,33,1);
    box-shadow: inset 0 0 80px #182407;
    /*opacity:0.55;*/
    z-index: 1;
    position:relative;
}


.middlecircle
{
    height:220px;
    width:220px;
    background:#BEBFBF;
    border:20px solid #242324;
    margin:0 auto;
    border-radius:50%;
    margin-top:-420px;
    z-index: 2;
    position:relative;
    box-shadow: inset 0 0 60px #000000;
}

#title{
    background:#2E2D2E;
    width:180px;
    height:80px;
    border-radius: 500px 500px 0px 0px;
    margin:0 auto;
    margin-top:10px;
    box-shadow: inset 0 0 30px #000000;
}

#title h2{
    font-family: 'Coda', cursive;
    font-size:42px;
    margin-top:10px;
    color:white;
    line-height: 2.8em;
    text-align:center;
}

.littlecircle
{
    background:#e3e418;
     border:4px solid black;
    width:45px;
    height:45px;
    border-radius:50%;
    display:inline-block;
    margin:10px -3px 2px 20px;
}

#easy{
    background:#e3e418;
    box-shadow: inset 0 0 20px #4A360B;
    color:#e3e418;
    font-size:8px;
}

#startgame{
    background:red;
    border:4px solid black;
    width:45px;
    height:45px;
    border-radius:50%;
    display:inline-block;
    margin:5px -3px 2px 20px;
    box-shadow: inset 0 0 20px #300000;
}

#hard{
    background:#5CA4F5;
    box-shadow: inset 0 0 20px #122030;
}

#counter{
    background:#400000;
    border: 1px solid red;
    padding:8px;
    color:red;
    margin-top:10px;
    margin-left:65px;
    width:70px;
    height:15px;
    box-shadow: inset 0 0 12px #000000;
    text-align:center;
    font-family: 'Orbitron', sans-serif;
}

/*
h3{
    text-align:center;
    font-family: 'Orbitron', sans-serif;

}
*/


.makeLight
{
    filter: brightness(200%);
}

.undoLight
{
    filter: brightness(100%);
}