html,
body {
animation: 20000ms ease-in-out infinite color-change;
width: 100%;
height: 100%;
}


body {

  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left;
  justify-content: center;
}

.date {
  text-transform: lowercase;
}

@keyframes color-change {
  0% {
    background-color:#ffe7de;
  }
  25% {
    background-color:#fcd1d7;
  }
  50% {
    background-color:#e9b1cd ;
  }
  75% {
    background-color:#fcd1d7;
  }
  100% {
    background-color: #ffe7de;
  }
}