#center {
  width: 50%; /* For some reason, if you don't have the width as 50%, the baby's animation don't get centered. */
}

iframe#youtube_video{
  margin-bottom: 0px;
}

#returnIcon {
  margin-top: 0px;
  margin-left: 5px;
  position: fixed;
}

/* #returnIcon a {
  text-decoration: none;
} */

#returnIcon p {
  font-size: 34px;
  /* border: 1px solid black; */
  padding-left: 13px;
  padding-right: 13px;

  margin: 0;

  color: gray;
}
#returnIcon p:hover {
  color: black;
}

#returnIcon button {
  background-color: white;
  border: none;
  border: 1px solid white;

  margin: 0;
  padding: 0;
}
#returnIcon button:hover {
  cursor: pointer;
  border: 1px solid black;
}

/*******  Small screens  *******/
/* When screen is smaller than 1049px */
@media screen and (max-width: 1049px) {
  #center {
    width: 90%;
  }

  h1 {
    /* font-size: 4em; */
  }

  p {
    /* -font-size: 3em; */
    text-align: left;

    /* font-size: 1rem; */
    font-size: 1.2em;
  }

  .animation {
    width: 100%;
  }
}

@media screen and (max-width: 1110px) {
  #returnIcon {
    margin-left: 2px;
  }

  #returnIcon p {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 900px) {
  #returnIcon {
    display: none !important;
  }

  footer p {
    font-size: 1.2em;
  }
}