.gateway-container {
  min-height: 100vh;
}
@media (orientation: landscape) or (min-width: 768px) {
  .gateway-container {
    flex-direction: row;
  }
}
@media (orientation: portrait) {
  .gateway-container {
    flex-direction: column;
  }
}
.gateway-container > main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6rem;
}
@media screen and (min-width: 768px) {
  .gateway-container > main {
    width: 60%;
    min-width: 768px;
  }
}
@media screen and (max-width: 768px) {
  .gateway-container > main {
    width: 100%;
  }
}
@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.gateway-container > .gateway-background {
  flex: 1;
  background: linear-gradient(61deg, #00932f, #6dd93b);
  background-size: 120% 120%;
  animation: gradient-animation 2s ease infinite;
}

.gateway-footer {
  font-size: small;
}

/*# sourceMappingURL=gateway-layout.output.css.map */