html, body { 
    margin: 0; padding: 0;
    height: 100%; 
    overflow: auto;
    background-color: #FDF4DC;
}


#lit_quote {
    margin: 3vw;
}

#lit_quote em {
    font-weight: bold;
    color: rgb(19, 19, 19);
    font-style: normal;    
}


#main_text {
    /* width: 95vw; */
    /* margin: auto; */
    color: #4C4942;
    font-family: 'Merriweather', Times, serif;
    padding-bottom: 2vh;
}

cite {
    padding-right: 2vw;
    padding-bottom: 2vh;
    font-size: 2.3vw;
    position: absolute;
    bottom: 0;
    right: 0;
}
cite #book{
    font-style: normal;
}

#buttom {
    height: 10px; 
    width: 90%;
    position: fixed; 
    bottom:2%;
    color: dimgray;
    padding-left: 40px;
    padding-right: 0px;

}
#buttom a, a:visited {
    color: rgb(66, 66, 66)
}

#github {
    display: inline;
    padding-right: 5px;
}

#buttom span {
    padding-left: 5px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: dimgray;
}

/* dark theme */
body.dark {
    background: #000;
}

body.dark #lit_quote em {
    color: #fff;
}

body.dark #main_text, body.dark #buttom {
    color: #F2D2BD
}

body.dark #buttom a, a:visited {
    color: rgb(190, 185, 176);
}