:root {
    --navigation-red: rgba(195,31,31,1);
    --bordeau-red: rgba(66,13,16, 1);
    --body: rgba(255, 249, 241, 1);
    --chapters: rgba(147, 133, 106, 1);
    --body-transp: rgba(255, 249, 241, 0);
    font-size: calc(7px + (.25 * (1vw + 1vh)));
    --title-height: 50vh;
    --title-width: 70vw;
    --fill-factor: 0.8;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.navigationButton {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px var(--navigation-red);
    color: var(--navigation-red);
    border-radius: 7px;
    background: var(--body);
    cursor: pointer;
    font-size: 15px;
}


.navigationButton:hover {
    background: var(--navigation-red);
    color: var(--body);
}