@font-face {
        font-family: "Junction";
        src: url("junction.otf") format("opentype");
}

body {
        background-color: #83a7cb;
        display: flex;
        flex-direction: column;
        position: absolute; left:0;right:0;top:0;bottom:0;
        margin: 0;
        font-family: "Junction", serif;
        font-size: 16pt;
        line-height: 2.2ex;
}
h1 {
        position: relative;
        height: 2em;
        left:0; right:0; top:0;
        background-color: #ddeeff;
        flex-grow: 0;
        margin-top: 0;
        padding-top: .3em;
        font-size: 50pt;
        text-align: center;
        background-image: url("mcmurdo.webp");
        background-size: cover;
        z-index: 0;
        color: #0c1b2b;
}

#tv {
        position: absolute;
        height: 5em;
        left: 0.2em; top: 0.2em;
        aspect-ratio: 512/492;
        background-image: url("tv.webp");
        z-index: 1;
        background-size: cover;
}

h1 #title {
        position: absolute;
        top: 1em;
        left: 0.5em;
        font-size: 90%;
        z-index: 2;
        transform: rotate(2.3deg);
}

main {
        margin-left: 23em;
        flex-direction: column;
}

.episode {
        margin-top: 1em;
        margin-right: 1em;
        padding: .5em;
        background-color: #0c1b2b;
        color: #d4e4f4;
        border-radius: 1em;
        max-width: 80%;
}

.episode h2 {
        line-height: 2ex;
}

.episode a {
        color: #6c8a8f;
}

a {
        color: #000594;
}

.episode img {
        width: 10em;
        float: left;
        margin-right: 1em;
        border-radius: 1em;
}

.epid {
        font-size: 130%;
}

.readmore {
        text-align: right;
        font-size: 130%;
}

.summary {
        margin-left: 1em;
}

.summary::before {
        content: "Before we all go to bed… ";
        font-style: italic;
}

footer {
        position: absolute;
        left: 1em; top: 18em; width: 20em;
}

.youtube {
        float: right;
        margin-left: 1em;
}

video {
        max-width: 100%;
}