/* ns-hugo-imp:/home/maz/Developer/Websites/marcelepp.de/themes/mazworld/assets/css/components/header.css */
header {
  border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

/* ns-hugo-imp:/home/maz/Developer/Websites/marcelepp.de/themes/mazworld/assets/css/components/footer.css */
footer {
  border-top: 1px solid #222;
  margin-top: 1rem;
}

/* <stdin> */
@font-face {
  font-display: swap;
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: 400;
  src: url("./zilla-slab-v12-latin-regular-X6WNMFJH.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: 500;
  src: url("./zilla-slab-v12-latin-500-CZKBN2W5.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  src: url("./outfit-v15-latin-regular-WPZHQ72E.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  src: url("./outfit-v15-latin-600-7I4OGWZG.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  src: url("./outfit-v15-latin-700-YRDFZK2V.woff2") format("woff2");
}
:root,
:host {
  --pico-transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  :root {
    --pico-container-max-width-md: 768px;
    --pico-container-max-width-lg: 768px;
    --pico-container-max-width-xl: 768px;
  }
}
.container {
  max-width: 768px;
  padding: 0 1rem;
}
body {
  font-family: "Zilla Slab", serif;
}
h1,
h2,
h3,
.site-title,
nav ul li a {
  font-family: "Outfit", sans-serif;
}
h1 {
  --pico-font-size: 1.75rem;
}
h2 {
  --pico-font-size: 1.5rem;
}
h3 {
  --pico-font-size: 1.25rem;
}
h4 {
  --pico-font-size: 1.125rem;
}
h5 {
  --pico-font-size: 1rem;
}
h6 {
  --pico-font-size: 0.875rem;
}
.site-title {
  font-size: 1.5rem;
  font-weight: 700;
}
.site-discription {
  border-bottom: 1px solid #222;
  margin-bottom: 2rem;
}
nav ul li a {
  font-size: 0.875rem;
  font-weight: 600;
}
.mobile-menu {
  display: none;
}
.mobile-nav-hidden {
  display: none;
}
.mobile-nav-open {
  display: block;
  padding: 1rem 0;
}
#menu-toggle {
  font-size: 1.5rem;
  cursor: pointer;
}
@media (max-width: 768px) {
  .desktop-menu {
    display: none;
  }
  .mobile-menu {
    display: flex;
  }
}
a {
  text-decoration: none;
}
footer {
  margin-top: 0;
}
.copyright-footer {
  margin-bottom: 0.5rem;
}
.license-footer {
  display: block;
  margin-top: 0.5rem;
}
/*# sourceMappingURL=main.css.map */