body {
  background: rgb(38,184,218);
  background: linear-gradient(146deg, rgba(38,184,218,1) 0%, rgba(137,209,167,1) 50%, rgba(0,99,255,1) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  padding: 0;
  margin: 0;
}

img {
  width: 20rem;
  height: auto;
  transform: translatey(0);
  animation: float 6s ease-in-out infinite;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  min-height: 4rem;
  padding: 0;
  margin: 0;
}

.shadow {
  width: 10rem;
  height: 4rem;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #000;
  animation: shadow 6s ease-in-out infinite;
}

@keyframes shadow {
	0% {
    width: 10rem;
    height: 4rem;
    opacity: 0.5;
	}
	50% {
    width: 8rem;
    height: 3.2rem;
    opacity: 0.4;
	}
	100% {
    width: 10rem;
    height: 4rem;
    opacity: 0.5;
	}
}

@keyframes float {
	0% {
		transform: translatey(0);
	}
	50% {
		transform: translatey(-1.5rem);
	}
	100% {
		transform: translatey(0);
	}
}