body {
    background-color: black;
    color: #ffd700;
    margin: auto;
    max-width: 60em;
}

.center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    max-width: 47%;
}

.middle {
    text-align: center;
}

.hidden {
    display: none;
}

@media screen and (max-width: 40em) {
    .center {
        max-width: 100%;
    }
}

a, a:visited {
    color: #0645ad;
    text-decoration: none;
    transition: 0.2s;
}

a:hover {
    color: #1655bd;
    text-decoration: none;
}

.logo-inline {
    height: 1.1em;
    vertical-align: top;
}

#site-container {
    height: 88vh;
    max-width: inherit;
    position: absolute;
    top: 2cm;
    width: 100%;
}

#the-book {
    height: 100%;
    width: 100%;
}

input[type=range] {
    background: transparent;
    margin: 0 0.1cm;
}

input[type=range]::-moz-range-thumb {
    background: #ffd700;
}
input[type=range]::-ms-thumb {
    background: #ffd700;
}
input[type=range]::-webkit-slider-thumb {
    background: #ffd700;
}

input[type=range]::-moz-range-progress {
    background: #a8ff00;
}
input[type=range]::-ms-fill-upper {
    background: #a8ff00;
}

input[type=range]::-moz-range-track {
    background: #363636;
}
input[type=range]::-ms-track {
    background: #363636;
}
input[type=range]::-webkit-slider-runnable-track {
    background: #363636;
}