@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");
}


.space-grotesk {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  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;
}


body{
font-size: 25px;

}

h1{ font-family: "Fraunces";
  text-align: center;
  font-size: 200px;

    animation: mutant 5s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate; }
@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";
color:deepskyblue; }