:root {
    --color-purple: #420b1f;
    --color-gold: #d7b369;

    --color-purple-rgb: 66, 11, 31;
    --color-gold-rgb: 215, 179, 105;
}

/* [class~="button-outline"][class~="border-black"]:hover,
.button-outline.border-white:hover,
[class~="btn-underline"]:hover:before {
    border-color: var(--color-purple);
    background: var(--color-purple);
    color: white;
}

.item-book {
    border-color: var(--color-purple) !important;
    background: var(--color-purple) !important;
} */

#about,
#book {
    padding: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../images/pattern.png);
    /* background-color: rgba(var(--color-gold-rgb), 0.8); */
    position: relative;
}

footer {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../images/pattern.png) !important;
    /* background-color: rgba(var(--color-gold-rgb), 0.8) !important; */
    position: relative;
}

.scrollbar-thumb {
    background: var(--color-gold);
}