/* [project]/app/(public)/layout.module.scss.module.css [app-client] (css) */
@keyframes layout-module-scss-module__Qhoo9G__rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes layout-module-scss-module__Qhoo9G__pulse {
  0% {
    opacity: .9;
  }

  50% {
    opacity: .45;
  }

  100% {
    opacity: .9;
  }
}

@keyframes layout-module-scss-module__Qhoo9G__gradient {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

.layout-module-scss-module__Qhoo9G__content {
  grid-gap: var(--spacing5);
  grid-template-rows: auto 1fr auto;
  height: 100%;
  min-height: 100vh;
  display: grid;
}

.layout-module-scss-module__Qhoo9G__header {
  text-align: center;
  padding: var(--spacing5);
  background: var(--colorBlack);
}

.layout-module-scss-module__Qhoo9G__logo {
  width: auto;
  height: 2.25rem;
}

.layout-module-scss-module__Qhoo9G__links {
  grid-gap: 1.5rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  display: grid;
}

.layout-module-scss-module__Qhoo9G__link {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: var(--fontWeightMedium);
  color: var(--colorGray2);
}

.layout-module-scss-module__Qhoo9G__footer {
  background: var(--colorGray7);
  padding: var(--spacing5);
}