html {
    padding: 0;
    margin: 0;
    list-style: none;
}


header {
    border-bottom: solid 1px light-dark(#bbbbbb,#444444);
}


section {
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    display: flex;
    width: 100%;
    height: 100%
}


.left-chapter {
    background: light-dark(#421616, #888888);
    width: 15%;
    display: block;
    border-right: solid 1px light-dark(#bbbbbb,#444444);
}

.content {
    text-align: center;
    width: 70%;
    list-style: none;
    font-size: xx-large;
    background: light-dark(#a89b6d, #121212);
    color: light-dark(black, #B0B0B0)
}

.content>ul {
    list-style: none;
}

.content>ul>li:last-child {
    padding-bottom: 75px;
}

.right-chapter {
    background: light-dark(#421616, #888888);
    width: 15%;
    display: block;
    border-left: solid 1px light-dark(#bbbbbb,#444444);
}

#theme-toggle {
    margin-right: 20px;
}


#theme-toggle img {
    height: 25px;
    width: 25px;
}

#languageSwitcher {
    background: #212529;
    border: none;
    margin-left: 5%;
}

section .btn {
    background: light-dark(black, white);
    color: light-dark(white, black);
}

section .btn:hover {
    background: light-dark(rgb(75, 74, 74), rgb(192, 192, 192));
    color: black
}

@media (max-width: 1023px) {
    #theme-toggle {
    width: 100%
}
}
.site-language-form { display: inline-flex; align-items: center; gap: .4rem; margin: .4rem; font: 1rem system-ui, sans-serif; }
.site-language-form #languageSwitcher { margin: 0; color: #f8f9fa; padding: .35rem .5rem; border-radius: .3rem; }
.site-language-form option { color: #f8f9fa; background: #212529; }
.site-language-apply { padding: .3rem .5rem; border: 1px solid #68717a; border-radius: .3rem; background: #f8f9fa; color: #212529; }