:root {
    color-scheme: light dark;
}

pre {
    padding: 10px;
    white-space: pre-wrap;
    width: fit-content;
    max-width: 100%;
}

body {
    color: light-dark(#333333, #efefec);
    background-color: light-dark(#efedea, #472e51);
}

body {
    font-family: sans-serif;
}

.section {
    padding-right: 2ch;
    padding-left: 2ch;
    padding-bottom: 1vh;
    margin-bottom: 1vh;
    border-radius: 2vh;
    background-color: light-dark(#d6d4d1, #3a2542);
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    max-width: 88vw;
}

.logo {
    align-self: right;
    vertical-align: middle;
    img {
        height: 4vh;
        width: auto;
        max-height: inherit;
        padding: 0;
        margin: 0;
    }

}

.header {
    display: flex;
    justify-content: space-between;
    padding-top: 1vh;
    padding-bottom: 1vh;
    max-height: 5vh;
}

.nav {
    align-self: center;
    width: fit-content;
    padding-left: auto;
    padding-right: auto;
    a {
        padding-right: 1em;
        padding-left: 1em;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
}

.content {
    min-height: 50vh;
    overflow:hidden;
}

.emoji {
    height: 1.5em;
    width: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.rss a:visited, .rss a:link {
    color: light-dark(#343434, #efefec);
}