.header[data-astro-cid-nen7h5rs] {
  background: linear-gradient(337deg, var(--color-corange) 15%, var(--color-cpink) 50%, var(--color-corange) 85%);
  border-bottom: 4px solid var(--color-cpink);
  padding: 10px;
  color: var(--color-cwhite);
  --sun-size: 80px;
  display: grid;
  gap: 5px;
  grid-template: "sun title" "sun links" / var(--sun-size) minmax(0, 6fr);
}

.logo-wrapper[data-astro-cid-nen7h5rs] {
  grid-area: sun;
  display: grid;
  place-items: center;
  max-height: 80px;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

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

.logo-sun[data-astro-cid-nen7h5rs] {
  grid-area: sun;
  max-height: 100%;
  max-width: 100%;
  width: 80px;
  height: 80px;
  animation: 120s linear infinite spin;
}

.logo-letter[data-astro-cid-nen7h5rs] {
  grid-area: sun;
  width: 80px;
  height: 80px;
  padding: 5px;
  max-width: 40%;
  max-height: 40%;
  z-index: 10;

  @media (width >= 768px) {
    margin-right: 4px;
  }
}

.title-link[data-astro-cid-nen7h5rs] {
  grid-area: title;
  place-content: center;
  justify-content: center;
  text-wrap: balance;
  width: fit-content;
  color: var(--color-cwhite);
  margin-block: 0;
  font-size: 20px;
  line-height: 1.4;

  @media (width >= 768px) {
    font-size: 36px;
    line-height: 1.1;
    padding-left: 6px;
  }
}

.links[data-astro-cid-nen7h5rs] {
  grid-area: links;

  & nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-end;
    justify-self: center;
    width: 100%;
    gap: 0 12px;

    & a {
      padding-block: 6px;
      border-radius: 4px;
      transition: all .2s ease-in-out;
      color: var(--color-cwhite);

      @media (width >= 768px) {
        font-size: 20px;
        padding-inline: 6px;
      }

      &:hover {
        background-color: var(--color-corange);
        color: #000;
      }
    }
  }
}
footer[data-astro-cid-jo6i4kqk] {
  place-content: center;
  text-align: center;
  width: 100%;
  padding: 10px;
  margin-top: auto;

  & a {
    display: inline-flex;
  }

  @media screen and (width >= 768px) {
    display: flex;
    text-align: start;
    flex-direction: row;

    & a {
      display: inline;
      padding-inline: 8px;
      place-content: center;
    }

    & p:first-child {
      flex-grow: 1;
    }
  }
}
:root, body {
    font-family: var(--font-body), serif;

    color: var(--color-cred);
    font-size: 18px;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: var(--color-cred);
}

.font-title {
    font-family: var(--font-title), serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.1;
}

p {
    margin-block: 0.5rem;
}

.heading-1 {
    font-size: 2.5rem;
}
.heading-2 {
    font-size: 2rem;
}
.heading-3 {
    font-size: 1.5rem;
}
.text-center {
    text-align: center;
}

input, textarea, button {
    font: inherit;
    color: inherit;
}
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
}

input, textarea, button {
    outline: none;
}

button {
    cursor: pointer;
}

[hidden] {
    display: none !important;
}

img {
    height: auto;
    max-width: 100%;
    font-style: italic;
    vertical-align: middle;
    border-style: none;
}:root, body {
    --color-corange: #e1943c;
    --color-cpink-50: oklch(97.1% 0.014 342.3);
    --color-cpink-100: oklch(94.753% 0.01631 341.36);
    --color-cpink-200: oklch(89.805% 0.03762 342.33);
    --color-cpink-300: oklch(82.158% 0.08493 345.12);
    --color-cpink-400: oklch(71.61% 0.15524 348.86);
    --color-cpink-500: oklch(65.363% 0.18256 353.41);
    --color-cpink-600: oklch(59.01% 0.20224 -0.31237);
    --color-cpink-700: oklch(52.358% 0.18793 3.0616);
    --color-cpink-800: oklch(45.805% 0.16362 2.9186);
    --color-cpink-900: oklch(40.753% 0.14131 1.5356);
    --color-cpink-950: oklch(28.4% 0.109 3.0106);
    --color-cpink: var(--color-cpink-500);
    --color-cwhite: #f6ebd5;
    --color-cwhite-400: oklch(98.7% 0.022 95.277);
    --color-cred: #9e3c20;

    accent-color: var(--color-cpink);
    caret-color: var(--color-cpink);
    background-color: var(--color-cwhite);
    scroll-behavior: smooth;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color-scheme: light;
}

::view-transition-group(*) {
    animation-duration: 0.2s;
}

@view-transition {
    navigation: auto;
}

.vt-art-transition {
    view-transition-name: art;
}

.skip {
    position: absolute;
    left: 0;
    padding: 8px;
    background-color: black;
    color: white;
    z-index: 20;

    &:not(*:focus-visible) {
        position: absolute;
        top: -40px;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;

    }
}

.rounded {
    border-radius: 16px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
}.btn[data-astro-cid-xil7xq2g] {
  display: inline-block;
  padding: 12px;
  font-size: 20px;
  line-height: 1.4;
  border-radius: 8px;
  background-color: var(--color-corange);
  color: #000;
  transition: all 50ms ease-in-out;
  background-image: linear-gradient(to right,
                var(--color-corange),
                var(--color-corange),
                rgba(from var(--color-cpink) r g b / .35));

  &:hover {
    box-shadow: 0 0 4px #2228;
    background-image: linear-gradient(to right,
                    var(--color-corange),
                    var(--color-corange),
                    rgba(from var(--color-cpink) r g b / .55));
    scale: 1.02;
  }
}