@font-face {
  font-family: "Departure Mono";
  src: url("fonts/DepartureMono-Regular.woff2") format("woff");

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url("fonts/fraunces.woff2") format(woff2) tech(variations);
}

.fraunces {
  font-variation-settings: "opsz" var(--fraunces-opsz, 9), "wght" var(--fraunces-wght, 900), "SOFT" var(--fraunces-SOFT, 0), "WONK" var(--fraunces-WONK, 1);
}

.nabla {
  font-family: "Nabla", system-ui;
  font-optical-sizing: auto;
  font-weight: after 400;
  font-style: normal;
  font-variation-settings:
    "EDPT" 100,
    "EHLT" 12;
}

.honk {
  font-family: "Honk", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "MORF" 45,
    "SHLN" 100;
}

@font-face {
  font-family: "Oswald";
  src: url("fonts/Oswald-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Louise-Regular";
  src: url("fonts/Louise-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "typefesse";
  src: url("fonts/Typefesse_Claire-Obscure.woff2") format("woff2");
}

@font-face {
  font-family: "ztnature-extrabold";
  src: url("fonts/ZTNature-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "ralewe-medium";
  src: url("fonts/ZTNeueRalewe-Medium.otf") format("otf");
}

@font-face {
  font-family: 'Comico-Regular';
  src: url('fonts/Comico-Regular.woff2') format('woff2'),
    url('fonts/Comico-Regular.woff') format('woff'),
    url('fonts/Comico-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Formera-Light";
  font-display: auto;
  src: url("fonts/Formera-Light.woff2") format("woff2"),
    url("fonts/Formera-Light.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "Formera-Regular";
  font-display: auto;
  src: url("fonts/Formera-Regular.woff2") format("woff2"),
    url("fonts/Formera-Regular.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "Baskerville-regular";
  src: url("fonts/Baskervville-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "amakan-stripes";
  src: url("fonts/Amakan-Stripes.woff2") format("woff2");
  src: url("fonts/Amakan-Stripes.woff") format("woff");
}

.space-grotesk {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

.freckle-face-regular {
  font-family: "Freckle Face", system-ui;
  font-weight: 400;
  font-style: normal;
}

.oswald {
  font-variation-settings: "wght" var(--oswald-wght);
}

.iceland-regular {
  font-family: "Iceland", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rock-3d-regular {
  font-family: "Rock 3D", system-ui;
  font-weight: 400;
  font-style: normal;
}

.bonheur-royale-regular {
  font-family: "Bonheur Royale", cursive;
  font-weight: 400;
  font-style: normal;
}

body {
  font-size: 25px;
  background-color: #000000;
  color: whitesmoke;
}

h1 {
  font-family: "Fraunces";
  text-align: center;
  font-size: 75vh;
  animation: mutant 5s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate;
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes mutant {
  0% {
    font-variation-settings: "wdth" 0, "wght" 0
  }

  25% {
    font-variation-settings: "wdth" 300, "wght" 300
  }

  50% {
    font-variation-settings: "wdth" 600, "wght" 600
  }

  75% {
    font-variation-settings: "wdth" 0, "wght" 900
  }

  100% {
    font-variation-settings: "wdth" 0, "wght" 0
  }
}


.til-14-11-2025 {
  font-family: "Departure Mono";
}

.til-15-11-2025 {
  font-family: "Nabla";
}

.til-16-11-2025 {
  font-family: "Honk";
}

.til-17-11-2025 {
  font-family: "Oswald";
}

.til-18-11-2025 {
  font-family: "Iceland";
}

.til-19-11-2025 {
  font-family: "Space Grotesk";
}

.til-20-11-2025 {
  font-family: "Louise-Regular";
}

.til-21-11-2025 {
  font-family: "Freckle Face";
}

.til-22-11-2025 {
  font-family: "ztnature-extrabold";
}

.til-23-11-2025 {
  font-family: "Comico-Regular";
}

.til-24-11-2025 {
  font-family: "Fraunces";
  font-weight: 400;
}

.til-25-11-2025 {
  font-family: "Bonheur Royale";
}

.til-26-11-2025 {
  font-family: "Baskerville-regular";
}

.til-27-11-2025 {
  font-family: "Typefesse";
}

.til-28-11-2025 {
  font-family: "Rock 3D";
}

.til-29-11-2025 {
  font-family: "Formera-Regular";
}

.til-30-11-2025 {
  font-family: "amakan-stripes";
}

.til-1-12-2025 {
  font-family: "Formera-Regular";
}

.til-2-12-2025 {
  font-family: "Formera-Regular";
  color: chartreuse;
}

.til-3-12-2025 {
  font-family: "Formera-Regular";
}

.til-4-12-2025 {
  font-family: "Formera-Regular";
}

.til-5-12-2025 {
  font-family: "Formera-Regular";
}

.til-6-12-2025 {
  font-family: "Formera-Regular";
}

.til-7-12-2025 {
  font-family: "Formera-Regular";
}

.til-8-12-2025 {
  font-family: "Formera-Regular";
}

.til-9-12-2025 {
  font-family: "Formera-Regular";
}

.til-10-12-2025 {
  font-family: "Formera-Regular";
}

.til-11-12-2025 {
  font-family: "Formera-Regular";
}

.til-12-12-2025 {
  font-family: "Formera-Regular";
}

.til-13-12-2025 {
  font-family: "Formera-Regular";
}

.til-14-12-2025 {
  font-family: "Formera-Regular";
}

#top {
  font-family: "Fraunces";
  font-size: xx-large;
  font-weight: 500;
}

a:visited {
  color: darkgray;
}

a:link {
  color: lightgray;
}

a:hover {
  color: white;
  transition: 0.7s;
}

time {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: "Fraunces";
  font-weight: 500;
  font-size: xx-large;
  margin-top: 50vh;
}

p{
font-size: 6vh;
text-align: center;
}

#embednav {
  font-family: "Fraunces";
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;

  font-size: 2em;
  animation-name: apparition;
  animation-duration: 8s;
}

@keyframes apparition {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#embednav a {
  color: whitesmoke;
  font-size: .45em;
  font-weight: 100;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
}

a {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding-bottom: 0px;
}