.hero section {
     padding: 0 5rem;
 }
 .hero *, .logo-link div, header nav .nav-item {
     color: var(--header-text-color);
 }
 .logo-link:hover div, header nav .nav-item:hover {
     color: var(--header-text-color-over);
 }
 .hero h1 {
     text-shadow: black 3px 3px;
 }
 @media screen and (max-width: 768px) {
     .hero section {
         padding: 0 2rem;
     }
     .hero-image {
         display: none
     }
 }

.logo, header nav .nav-item {
    font-family: "Monaspace Neon";
    text-shadow: black 2px 2px;
}

@font-face {
    font-family: et-book;
    src: local("ETBembo"),
         url("https://pages.madhouse-project.org/fonts/et-book-roman-line-figures.woff")
         format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: et-book;
    src: local("ETBembo, Regular Italic"),
         url("https://pages.madhouse-project.org/fonts/et-book-display-italic-old-style-figures.woff")
         format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: et-book;
    src: local("ETBembo, Bold"),
         url("https://pages.madhouse-project.org/fonts/et-book-bold-line-figures.woff")
         format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Monaspace Neon";
    src: local("Monaspace Neon"),
         url("https://pages.madhouse-project.org/fonts/MonaspaceNeon-Regular.woff")
         format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}