body{
      background-color: white;
} 
.container-1,.container-3,.container-4,.container-5{
      /* font-family:"Great Vibes"; */
      text-align:center;
      padding:10px;
      margin:auto;
      width:1000px;
      background-color: white;
      /* border:1px solid black; */
      
}
.flex-box-container-1{/*this flexbox container is just the class name, the display: flex is the one turn it into a flex box*/
      border-left:6px solid #2196F3;
      background-color:#ddffff;
      margin:10px;
      display:flex;
      padding: 10px;
      flex-wrap:wrap;
      justify-content:space-around;
}
.flex-box-container-1 div{
      padding: 10px;
}

.modal{
      display:none;
      position:fixed;
      left:0;
      top:0;
      width:100%;
      height:100%;
      overflow:auto;
      background-color:white;
}
.modal-content{
      border:white;
      background-color: rgba(255,255,255,0.4);

      padding: 10px;
      /* margin:auto; */
      text-align: center;
      justify-content:space-around;
}
.modal-content img{
      margin:auto;
}

.flex-box-container-3{
      display:flex;
      flex-wrap:wrap;
      margin:auto;
      padding:10px;
      justify-content: space-around;
}
.flex-box-container-3 img{
      margin:10px;      
      border:2px solid black;
      padding:10px;
      width:300px;
      height:250px;
}
/* Memory Game button */
.button7{
      border-color: #075eab;
      color:#075eab;
      background-color: white;
      text-align:center;
      font-size: 20px;
      padding: 15px;
      border-radius:50%;
}
.button7:hover {
      background-color:#075eab;
      border: none;
      color:white;
      text-align:center;
      font-size: 20px;
      padding: 15px;
      border-radius:50%;
      box-shadow: 0 5px 10px 0 rgba(123, 2, 2, 0.881), 0 6px 20px 0 rgba(247, 249, 243, 0.966);
}
.button7 span{
      cursor: pointer;
      display:inline-block;
      position: relative;
      transition: 0.5s;
}
.button7 span:after{
      content:'🥝';
      position: absolute;
      opacity:0;
      top:0;
      right:-30px;
      transition:0.5s;
}
.button7:hover span{
      padding-right:30px;
}
.button7:hover span:after{
      opacity:1;
      right:0;
}
#grid{
      width:1100px;
      display:flex;
      flex-wrap:wrap;
      margin:auto;
      justify-content: space-around;
}
#result,#memoryTimer{
      margin:auto;
      text-align: center;
      padding-bottom: 20px;
}
#memoryScore{
      margin:auto;
      text-align: center;
      padding-bottom:20px
}