/* hsl(345.6, 83.33%, 64.71%) */
:root {
  --primary-hue: 345.6deg;
  --primary-saturation: 83.33%;
  --primary-lightness: 64.71%;
  /* Page width - also configurable via hugo.yaml params.page.width */
  --hextra-max-page-width: 100rem; /* default: 80rem (normal), 90rem (wide), 100% (full) */

  /* Navbar width - also configurable via hugo.yaml params.navbar.width */
  --hextra-max-navbar-width: 90rem; /* independent navbar width */

  /* Footer width - also configurable via hugo.yaml params.footer.width */
  --hextra-max-footer-width: 80rem; /* independent footer width */
}

.syltcenter {
  text-align: center;
}

.heroimage {
  max-height: 200px;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p-1 {
  padding: 1rem;
}

.pb-0 {
  padding-bottom: 0;
}

.gap-2 {
  gap: 2rem;
}
.gap-1 {
  gap: 1rem;
}

.sylcenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.abutton {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 10rem;
  color: white;
  text-decoration: none;
  transition: all 0.2s ease;
}
.abutton:hover {
  transform: scale(1.1);
}

.abutton.primary {
  background: var(--hx-color-primary-600);
}

.abutton.secondary {
  background: var(--hx-color-neutral-600);
}