@keyframes pulse-text-animation {
    50% {
        font-size: 1.2em;
    }

    100% {
        font-size: 1em;
    }
}

h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
    line-height: 1.2 !important;
}

picture {
    max-width: 100%;
    height: auto
}

.pulse-text {
    animation-name: pulse-text-animation;
    animation-timing-function: ease;
    animation-duration: 300ms;
    animation-iteration-count: 1;
}

header.inverse {
    background: var(--header-fore-color);
    color: var(--header-back-color);
}

header.inverse * .logo {
    color: var(--header-back-color);
}

#navsearch {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#navsearch a {
    color: var(--header-back-color);
    text-decoration: none;
    font-size: 1.25rem;
}

footer.inverse {
    background: var(--footer-fore-color);
    color: var(--footer-back-color);
}

#cv h2 {
    margin-top: 2rem;
}

#contract h3 {
    margin-top: 2rem;
}

#contract p,
#contract ul>li {
    margin-top: calc(var(--universal-margin)*1.7);
    margin-bottom: calc(var(--universal-margin)*1.7);
}

h1.display {
    font-size: 3rem;
}

p.paragraph-extra-height {
    line-height: 2rem;
}

mark {
    background-color: var(--fore-color);
}

article,
aside {
    margin-top: calc(2.5*var(--universal-margin))
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-muted {
    color: var(--secondary-fore-color);
}