body{
    background-color: cornsilk;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
div{
    width: 100px;
    height: 100px;
}

.title{
    width: 400px;
    height: 50px;
    font-size: 60px;
    margin: auto;

}


.player{
    width: 50px;
    height: 50px;
    background-color: black;
    align-self: center;
}

.winstreakdiv{
    display: flex;
    justify-content: center;
    margin: auto;
    width: 700px;
}

.btndiv{
    display: flex;
    justify-content: center;
    margin: -25px auto;
    width: 300px;
    height: 100px;

}
.btnstart{
display: inline-block;
background-color: black;
border-radius: 25px;
border: 4px double #cccccc;
color: #eeeeee;
text-align: center;
font-size: 28px;
padding: 20px;
width: 300px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
margin-left: auto;
}


.colors{
    width: 415px;
    height: 415px;
    margin: 35px auto;
    border: 15px solid black;
    background-color: black;
}

.choose_color{
    display: grid;
    grid-template-columns: 100% 100% 100% 100%;
    column-gap: 5%;
    row-gap: 5%;
}


.aquamarine{
    background-color:aquamarine;
    display: flex;
    justify-content: center;
}
.beige{
    background-color: beige;
    display: flex;
    justify-content: center;
}
.blue{
    background-color: blue;
    display: flex;
    justify-content: center;
}
.brown{
    background-color: brown;
    display: flex;
    justify-content: center;
}
.coral{
    background-color: coral;
    display: flex;
    justify-content: center;
}
.darkgoldenrod{
    background-color: darkgoldenrod;
    display: flex;
    justify-content: center;
}
.cyan{
    background-color: cyan;
    display: flex;
    justify-content: center;
}
.indingo{
    background-color: indigo;
    display: flex;
    justify-content: center;
}
.magenta{
    background-color: magenta;
    display: flex;
    justify-content: center;
}
.lime{
    background-color: lime;
    display: flex;
    justify-content: center;
}
.yellow{
    background-color: yellow;
    display: flex;
    justify-content: center;
}
.red{
    background-color: red;
    display: flex;
    justify-content: center;
}
.purple{
    background-color: purple;
    display: flex;
    justify-content: center;
}
.pink{
    background-color: pink;
    display: flex;
    justify-content: center;
}
.gray{
    background-color: gray;
    display: flex;
    justify-content: center;
}
.navy{
    background-color: navy;
    display: flex;
    justify-content: center;
}