.game-square {
 	border-radius: 25px;
  box-sizing: border-box;
  border: 1px solid #000;
  width: 100px;
  height: 100px;
  margin: 13px;
  margin-left: 10px;
  position: relative;
  overflow: hidden;
}

.game-square > div {
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0;
  transition: 400ms;
}

.game-square > div > div {
  height: 50%;
}

.game-square > div > div:first-child {
  background-color: grey;
}

.flip > div {
  top: -100%;
}

.square-0 {
  background-color: aqua;
}

.square-1 {
  background-color: bisque;
}

.square-2 {
  background-color: blue;
}

.square-3 {
  background-color: blueviolet;
}

.square-4 {
  background-color: brown;
}

.square-5 {
  background-color: cadetblue;
}

.square-6 {
  background-color: chartreuse;
}

.square-7 {
  background-color: chocolate;
}

.square-8 {
  background-color: coral;
}

.square-9 {
  background-color: cornflowerblue;
}


#game {
width: 500px;
height: 500px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: salmon;
border: 1px solid red;
}

#title {
color: black;
font-family: courier;
font-size: 300%;}

body {
    background-color: powderblue;}