body{background-color: palegreen}


.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: ;
  width:70vw;
  position: absolute;
  left: 53%;
  top: 64%;
  transform: translate(-50%,-50%);
}

.flex-container > div {
  background-color:ivory ;
  height:7vw;
  width: 8vw;
  margin: 10px;
  text-align: left;
  line-height: 50px;
  border-radius: 45%;
  font-size: 20px;
  font-family: "copperplate";
  color: hotpink
}

h1{
  font-family: "helvetica";
  font-size: 120px;
  color:hotpink;
  margin-top:-10px;
  margin-left:140px
}

h2{
  font-family: "helvetica";
  color:hotpink;
}

.weekday >div{
  height:7vw;
  width: 8vw;
  margin: 10px;
  margin-left:0px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:-850px;
  color:sienna
}

.mon >div{

  margin-left:170px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:750px;
  color:sienna
}

.tue >div{

  margin-left:145px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:-800px;
  color:sienna
}

.wed >div{

  margin-left:130px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:750px;
  color:sienna
}

.thu >div{

  margin-left:140px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:-800px;
  color:sienna
}

.fri >div{

  margin-left:140px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:750px;
  color:sienna
}

.sat >div{

  margin-left:130px;
  text-align: center;
  font-size: 20px;
  font-family: "helvetica";
  font-weight: bolder;
  margin-top:-800px;
  color:sienna
}



div:hover{color:dimgray}

.flex-container > div:hover{background-color: skyblue}