/* sort alphabetically by selector */

:root {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

#crumbs {
  font-size: 0.9rem;
  .crumb a {
    text-decoration-line: none;
  }
}

#header {
  p {
    font-size: 1rem;
  }
}

#home {
  text-decoration-line: none;
}

#main {
  #date {
    font-size: 0.9rem;
    font-style: italic;
    text-transform: uppercase;
  }
  h1 {
    font-size: 1.75rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 1.1rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 0.95rem;
  }
  .post-date {
    font-size: 0.9rem;
    font-style: italic;
    text-transform: uppercase;
  }
  .post-title {
    font-size: 1rem;
  }
}

#search-input {
  font-size: 1rem;
  &::placeholder {
    font-size: 0.8rem;
  }
}

#search-page-input {
  font-size: 1rem;
}

#theme-menu {
  legend {
    font-weight: bold;
  }
}

#toplinks {
  ul {
    text-align: center;
  }
}

.highlight {
  .c, .ch, .cm, .cp, .cpf, .c1, .cs {
    font-style: italic;
  }
}

.search-result-excerpt {
  font-size: 0.9rem;
  line-height: 1.4;
}

.search-result-excerpt mark,
.search-sub-result-excerpt mark {
  font-weight: bold;
}

.search-result-link {
  text-decoration: none;
}

.search-result-link:hover .search-result-title {
  text-decoration: underline;
}

.search-result-title {
  font-weight: bold;
}

.search-sub-result-excerpt {
  font-size: 0.8rem;
}

.search-sub-result-link {
  text-decoration: none;
}

.search-sub-result-link:hover .search-sub-result-title {
  text-decoration: underline;
}

.search-sub-result-title {
  font-size: 0.85rem;
  font-weight: 600;
}

.search-summary {
  font-size: 0.85rem;
}

a.headerlink {
  visibility: hidden;
}

code, pre {
  font-family: "Google Sans Code", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "MONO" 1;
}

h1:hover a.headerlink,
h2:hover a.headerlink,
h3:hover a.headerlink,
h4:hover a.headerlink,
h5:hover a.headerlink,
h6:hover a.headerlink,
a.headerlink:focus {
  visibility: visible;
}