#background-brick {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(30, 50px);
  grid-template-rows: masonry;
  z-index: -1;
  overflow-x: hidden;
  opacity: 0.9;
  background-color: #fdf0d5;
  justify-content: center;
  width: 100vw;
  padding: 10px 0;
}
#background-brick .brick {
  height: 50px;
  width: 50px;
  background-color: #cc8800;
  background-image: url("../../45-degree-fabric-dark.png");
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  box-shadow: inset 0px 0px 5px 1px rgb(64, 46, 16);
}
#background-brick .brick.a {
  filter: brightness(110%);
}

@property --_s {
  syntax: "<number>";
  initial-value: 0;
  inherits: true;
}
ul li h1 {
  --h: .12em; /* control the elastic effect */
  width: 13em;
  display: flex;
  gap: 0.25ch;
  font: bold 40px monospace;
  transition: --_s 1.5s var(--easing);
}

ul li h1 {
  --_s: 1;
  transition: --_s 0.3s;
}
ul li h1.down {
  --_s:-1 ;
}

ul li h1 span {
  offset: shape(from 0.5ch, curve to calc(100% - 0.5ch) 50% with 30% calc(50% - var(--_s) * sibling-count() * var(--h))/70% calc(50% - var(--_s) * sibling-count() * var(--h))) calc(99.9% * (sibling-index() - 1) / (sibling-count() - 1));
  pointer-events: none;
}

body {
  margin: 0;
  height: 100vh;
  display: grid;
  background: #003049;
  position: relative;
  /* from https://linear-easing-generator.netlify.app/ */
  --easing: linear(
    0, 1.42406 3.67%, 1.65745 4.64%, 1.71709 5.111%, 1.74059 5.591%,
    1.73313 5.971%, 1.70302 6.361%, 1.57154 7.201%, 0.68765 10.781%,
    0.57364 11.621%, 0.53175 12.451%, 0.53598 12.831%, 0.55521 13.231%,
    0.63817 14.071%, 1.19719 17.652%, 1.26945 18.492%, 1.2961 19.322%,
    1.2935 19.702%, 1.28141 20.102%, 1.22906 20.942%, 0.87551 24.522%,
    0.82972 25.363%, 0.81279 26.183%, 0.81425 26.563%, 0.8217 26.963%,
    0.85499 27.813%, 1.07903 31.403%, 1.10761 32.233%, 1.11838 33.053%,
    1.1128 33.833%, 1.0918 34.683%, 0.9501 38.274%, 0.93199 39.104%,
    0.92516 39.914%, 0.92863 40.704%, 0.94188 41.554%, 1.0315 45.145%,
    1.04288 45.965%, 1.04731 46.775%, 1.04586 47.455%, 1.03969 48.185%,
    0.98337 51.745%, 0.97376 52.705%, 0.97009 53.635%, 0.97488 55.056%,
    1.01049 58.616%, 1.0189 60.486%, 1.0159 61.926%, 0.99343 65.477%,
    0.98806 67.337%, 0.98996 68.807%, 1.00408 72.327%, 1.00753 74.157%,
    0.99524 81.008%, 1.00297 87.699%, 0.99812 94.579%, 1.00074
  );
}

ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4em;
  list-style: none;
  flex-direction: column;
  color: #fdf0d5;
  padding: 0;
  margin: 3em 0 0 0;
  align-items: center;
}

ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: inherit;
  padding-block: 0.2em;
}

footer {
  background-color: #fdf0d5;
  width: 100vw;
}/*# sourceMappingURL=style.css.map */