:root {
    --highlight: #94D2BD;
    --muted: #3a8081;
}

body {
    font-family: "Libertinus Serif", serif;
    color: #001219;
    background: #ffffff;
}

h1 {
    font-family: "Libertinus Sans", sans-serif;
    font-weight: 900;
    margin-top: 15%;
    margin-bottom: 5%;
    text-decoration: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: var(--highlight);
}

p {
    margin-bottom: 1em;
}

h2 {
    font-family: "Libertinus Sans", sans-serif;
    font-weight: 900;
    margin-top: 1.5em;
    font-size: 2.5em;
}

.first {
    margin-top: 1.0em;
}

u {
    text-decoration-color: var(--highlight);
}

.year {
    font-style: italic;
    text-align: left;
    color: var(--muted);
}

@media (min-width: 550px) {
    .year {
        text-align: right;
    }
}

a {
    color: black;
    text-decoration-color: var(--highlight);
    text-decoration-thickness: 5px;
    text-decoration-skip-ink: none;
}

a:hover {
    color: var(--highlight);
}

.impressum {
    text-align: center;
    margin-top: 2.0em;
    margin-bottom: 1.0em;
}