:root {
    padding-left: 32px;
    padding-right: 32px;
}

body {
    color: #d6cecb;
    background-color: #0e0a13;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-weight: 300;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 10vmin;
    max-width: min(100%, 70em);
    overflow-wrap: break-word;
    overflow-y: scroll;
}

h1, h2, a {
    color: #dfcf60;
}

a {
    text-decoration-style: dashed;
}

h1 a, h2 a {
    text-decoration: none;
}

li, .video-container {
    padding-bottom: 1em;
}

strong {
    font-weight: bold;
    color: #d46f6c;
}

.path {
    font-weight: bold;
    background: #1a1a1a;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.quote {
    background: #1a1a1a;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.endquote {
    font-weight: bold;
    text-align: right;
    padding-bottom: 3em;
}

h1, h2, a, strong, .path {
    font-family: 'Fira Code', monospace;
}

h1, .logo {
    display: inline-block;
}

.logo {
    height: 100%;
    max-height: 1.5em;
    padding-right: 1vh;
    text-decoration: none !important;
}

.video-container {
    max-width: min(100%, 35em);
    height: max(15em, 25vh);
    overflow-wrap: break-word;
}