:root {
    --black: #202020;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--light);
}

.text-large {
    font-size: 2em;
}

.featured-text {
    padding: 2rem 0 2rem 2rem;
    border-left: 0.5rem solid var(--primary);
    page-break-inside: avoid;
}

.bg-black {
    background-color: var(--black);
}

.container {
    margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
    padding-top: 2rem;
}

.dimg {
    width: 5em;
    height: 5em;
    display: inline-block;
    margin: .5em;
}

.dimg-wide {
    width: 10em;
    height: 5em;
    display: inline-block;
    margin: .5em;
}

.dimg-ratio {
    height: 5em;
    display: inline-block;
    margin: .5em;
}

.dimg-company {
    height: 5em;
    display: inline-block;
    margin-top: 1.5em;
    text-align: center;
}

.dimg-company img, .dimg-ratio img {
    height: 100%;
}

.dimg img, .dimg-wide img {
    width: 100%;
    height: 100%;
}

.social {
    transition-duration: 1.5s;
}

.social:hover {
    transition-duration: 0.25s;
    text-decoration: none !important;
}

/*
.featured-text {
    transition-duration: 1.5s;
}

.featured-text:hover {
    transition-duration: 0.25s;
    border-left: 0.5rem solid #467370;
}
*/

pre > code {
    color: #d12e79;
}

footer {
    width: 100%
}