.landing-page {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.landing-page-content {
  flex: 1;
  align-content: center;
}

.landing-page-title {
  margin-bottom: var(--spacing-xl);
  color: hsl(var(--secondary));
}

.landing-page-title img {
  height: 5rem;
  margin-bottom: var(--spacing-md);
}

.landing-page-title h1 {
  margin: 0;
}

.landing-page-content-main {
  padding: var(--spacing-xs) var(--spacing-xl);
}

.landing-page-alert {
  padding: var(--spacing-sm) var(--spacing-md);
  margin-bottom: var(--spacing-md);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
}

.landing-page-info {
  color: hsl(var(--keyper-blue));
  background-color: hsl(var(--keyper-blue) / 0.1);
  border-color: hsl(var(--keyper-blue) / 0.2);
}

.landing-page-notice {
  color: hsl(var(--keyper-purple));
  background-color: hsl(var(--keyper-purple) / 0.1);
  border-color: hsl(var(--keyper-purple) / 0.2);
}

.landing-page-footer {
  width: 100%;
  position: absolute;
  bottom: var(--spacing-lg);
  text-align: center;
}

.landing-page-footer, .landing-page-footer a {
  color: hsl(var(--secondary));
  font-size: var(--font-size-sm);
  text-decoration: none;
}

.landing-page-footer img {
  height: var(--font-size-xs);
  margin-left: 2px;
  margin-bottom: -2px;
}