* {
  background-color: rgb(226, 220, 210);
  font-family: 'Roboto', sans-serif;
}

img {
  width: 80vw;
  max-width: 500px;
  height: auto;
  /* set to center*/
  display: block;
  margin: auto;
  animation: changeColor 1s;
  animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;

  color: black;
  text-align: center;
}
@keyframes changeColor {
  100% {
    filter: blur(0px);
  }

  0% {
    filter: blur(15px);
  }
}