html {
  height: 100vh;
}

body {
  margin: 0;
  background: linear-gradient(to top, #134e89, #05131d);
}

body,
.container {
  z-index: -1;
  height: 100%;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 50px;
}

.container > * {
  animation: float 1.5s ease-in-out infinite alternate;
}

.content {
  position: relative;
}

@keyframes float {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(30px);
  }
}