body {
    background-color: pink;
  }

div{margin-top:150px;}

.date1{
  display:inline-block;
  color: red;
  width:50px;
  padding:50px;
  background-color:red;
  transition:200ms;
  text-align:center;
  font-size:50px;
  margin:10px 10px 100px 75px;
  font-family:sans-serif;
}

.date1:hover{
background-color:white;
  border-radius:50%;
  top:10px;
  left:10px;
  border: 0px solid white;

}

.date2{
background-color:white;
  display:inline-block;
  border-radius:50%;
  color:white;
  font-size:50px;
  width:50px;
  padding:50px;
  text-align:center;
    margin:10px 10px 0px 0px;
  font-family:sans-serif;
}

.date2:hover{
  background-color: pink;
  color:pink;
}

.date3{
  display:inline-block;
  color:red;
  width:50px;
  padding:50px;
  background-color:red;
  transition:200ms;
  text-align:center;
  font-size:50px;
  margin:10px 10px 0px 0px;
  font-family:sans-serif;
}

.date3:hover{
  background-color:white;
  border-radius:50%;
  top:10px;
  left:10px;
}

.date4{
   display:inline-block;
  color: red;
  width:50px;
  padding:50px;
  background-color:red;
  transition:200ms;
  text-align:center;
  font-size:50px;
  margin:10px 10px 0px 0px;
  font-family:sans-serif;
}

.date4:hover{
 background-color:white;
  border-radius:50%;
  top:10px;
  left:10px;
}

body {
    background-color: pink;
  }
  
    h1 {
      color: red; 
      position:absolute;
      font-size: 100px; 
      font-weight: normal;
      font-family: chauncy-pro, sans-serif;
      font-weight: 400;
      font-style: normal;
      line-height: 1.2;
      padding-left: 4%;
      top: 55%;
    }