/* ns-hugo-imp:/home/ernberg/domains/gustav.ernberg.se/hugo/themes/gustav/assets/css/components/header.css */
header {
  border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

/* ns-hugo-imp:/home/ernberg/domains/gustav.ernberg.se/hugo/themes/gustav/assets/css/components/footer.css */
footer {
  border-top: 1px solid #222;
  margin-top: 1rem;
}

/* <stdin> */
body {
  font-family: sans-serif;
}
body.home {
  max-width: 320px;
  margin: 0 auto;
}
body.section,
body.page {
  max-width: 640px;
  margin: 0 auto;
}
header img {
  border-radius: 20%;
  width: 48px;
  margin: 16px auto;
  aspect-ratio: 640/630;
  view-transition-name: para-change;
}
header h1 {
  font-size: 24px;
}
.home header img {
  display: none;
}
.home img {
  border-radius: 100%;
  max-width: 100%;
  view-transition-name: para-change;
}
header {
  display: flex;
  align-items: center;
}
h1,
p {
  margin: 16px auto;
}
p {
  font-size: 16px;
}
.home h1 {
  font-size: 24px;
  text-align: center;
}
header a {
  text-decoration: none;
  color: #000;
}
blockquote {
  padding: 10px;
  margin: 20px;
  border-left: 4px solid #ccc;
  color: #999;
}
@media (prefers-color-scheme: dark) {
  body {
    background: rgb(23, 24, 25);
    color: #FFF;
  }
  header a {
    color: #FFF;
  }
  main a {
    color: #3af;
    text-decoration: none;
    border-bottom: 1px solid #3af;
    transition: 0.2s all;
  }
  main a:hover {
    color: #f90;
    border-bottom: 5px solid #f90;
  }
  blockquote {
    background: #333;
    color: #999;
  }
}
@view-transition {
  navigation: auto;
}
::view-transition-group(para-change) {
  animation-duration: 0.2s;
}
/*# sourceMappingURL=main.css.map */