h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-face-Hervetica);
    font-weight: 400;
}

h1 {
    font-size: var(--size-h1);
}

h2 {
    font-size: var(--size-h2);
}

h3 {
    font-size: var(--size-h3);
}

section {
    padding: var(--padding-main);
    opacity: 0;
    transition: opacity 1s ease-out;
}

section.visible {
    opacity: 1;
}

p {
    font-family: var(--font-face-SourceCodePro);
    font-size: var(--size-regular);
}

.home-link {
    font-family: var(--font-face-SourceCodePro);
    color: var(--main-dark);
}

.home-link:hover {
    color: var(--main-accent);
}

.content {
    padding: var(--padding-main);
    padding-top: 0;
}