body {
  width: 100%;
  height: 100%;
  background: url(/images/404_background.jpg) center center fixed;
  overflow: hidden;
  background-size: cover;
}
#title {
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#title .maintitle {
  font-size: 48px;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  margin-top: 4%;
  font-size: 200px;
}
.Content {
  font-family: "Quicksand", sans-serif;
  font-size: 40px;
  font-weight: 100;
  float: left;
}
.Content .homebtn {
  border: none;
  border-radius: 40px;
  width: 300px;
  height: 65.89px;
  font-size: 20px;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  margin-top: 304.06px;
  background: #1e7c93;
  color: white;
  cursor: pointer;
  box-shadow: 6px 6px 7px rgba(47, 120, 137, 0.3);
}

.Content .homebtn:hover {
  background: #25a5c5;
}
#left {
  position: absolute;
  top: 674px;
  left: 243px;
}
#left img {
  width: 160px;
  animation: animate 3s linear infinite;
}
#right {
  position: absolute;
  top: 703px;
  right: 7px;
}
#right img {
  width: 300px;
  animation: animate2 5s linear infinite;
  transition-timing-function: ease-in;
}
@keyframes animate {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(10px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(-0deg);
  }
  75% {
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(-0deg);
  }
}
@keyframes animate2 {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(10px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  75% {
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}