.header__intro_headline {
  font: bold var(--fs-xxl) "Arial";
  padding-bottom: 10px;
}
.header__intro_text {
  font-family: var(--ff-body)
}
table, th, td {
    border: 1px solid;
  }
th, td {
    padding: 3px 6px;
    font-variant-numeric: tabular-nums;
}

.title-post-date {
  font-size: .7em;
  margin-left: 2em;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-backdrop: #141414;
        --color-headings: #faf5f5;
        --color-body-bg: #242424;
        --color-header-bg: #242424;
        --color-text: #faf5f5;
        --color-link: #66f2ff;
        --color-footer-bg: #242424;
        --color-border: #faf5f5;
        --color-button: #141414;
        --color-button-text: #faf5f5;
        --color-button-hover: #343434;
        --color-brand: #66f2ff;
        --color-text-meta: #faf5f5;
        --color-mobile-menu: #141414;
    }

    nav ul li {
        flex-grow: 1;
        text-align: center;
    }
    .main-menu a:active {
        text-decoration: none;
    }
    a {
        text-decoration: none;
    }
}