body {
  font-size: 16px; /* Base font size */
}

h1 {
  font-size: 2em; /* 32px */
  font-weight: bold;
  margin-top: 1.5em;
}

h2 {
  font-size: 1.5em; /* 24px */
  font-weight: bold;
  margin-top: 1.3em;
}

h3 {
  font-size: 1.25em; /* 20px */
  font-weight: bold;
  color: var(--color-foreground-secondary); /* lighter in light-mode, darker in dark-mode */
  margin-top: 1.1em;
}

h4 {
  font-size: 1.17em; /* 18.72px */
  font-weight: 600;
  color: var(--color-foreground-secondary); /* lighter in light-mode, darker in dark-mode */
  margin-top: 1.0em;
  font-style: italic;
}

h5 {
  font-size: 1em; /* 16px */
  font-weight: 600;
  color: var(--color-foreground-secondary); /* lighter in light-mode, darker in dark-mode */
  margin-top: 1.0em;
}

h2::before {
  content: "\203A\0020";
  color: var(--color-brand-primary);
}

.search__outer__input {
  color: black;
}

.sidebar-logo {
  max-width: 80%;
}
