body {
	width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

	img {
		width: 30%;
		margin-left: auto;
		margin-right: auto;
    display: block;
     animation: logoBounce 3s infinite;
	}

  h1 {
    text-align: center;
    padding-bottom: 1rem;
  }

  h2 {
    text-align: center;

  }
}

@keyframes logoBounce {
  0%, 100% { transform: translateY(0); }
  60% { transform: translateY(-20px); }
}

h1, h2 {
  opacity: 0;
  animation: fadeIn 2s forwards;
}

h2 {
  animation-delay: 1s;
}

@keyframes fadeIn {
  to { opacity: 1; }
}