tgl

style-codeberg

/* Reference */
/* https://codeberg.org  */
/* Print */
/* https://i.imgur.com/LaGwJmk.png  */

:root {
  --color-body: #1d262f;
  --color-text: #d2e0f0;
  --color-primary: #fb923c;
  --color-secondary: #242d38;
  --font: 16px/1.5 apple-system, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  --max-width: 720px;
}

body {
  max-width: var(--max-width);
  margin: 0 auto;
  font: var(--font);
  background: var(--color-body);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
  border-bottom: 1px solid var(--color-secondary);
}

h2, h3, h4, h5, h6 {
  font-size: 1.5em;
  margin: 24px 0 16px;
  padding-bottom: .3em;
  line-height: 1.25;
}

h1 {
  padding-bottom: .3em;
  font-size: 2em;
}

h2 a {
  color: var(--color-text);

  &:hover {
    cursor: default;
    background: none;
    text-decoration: none;
    color: var(--color-text);
  }
}

ul {
  margin-bottom: 16px;
  padding-left: 2em;

  li {
    margin-top: 4px;
  }
}

footer {
  strong {
    font-size: 1.5em;
  }
}

a {
  text-decoration: none;
  color: var(--color-primary);

  &:hover {
    text-decoration: underline;
  }
}

hr {
  border-top: 0;
  border-color: var(--color-secondary);
}