html{
scroll-behavior:smooth;
}

body{
background:#0f0f0f;
color:#f5f5f5;
font-family:Georgia,serif;
}

.gold{
color:#c7a56a;
}

.gold-bg{
background:#c7a56a;
}

.hero{
background:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c") center/cover;
}

.preference-btn {

    padding: 6px 14px;
    border: 1px solid #c7a56a;
    border-radius: 999px;
    background: transparent;
    color: white;
    transition: .3s;
    cursor: pointer;

    font-size: 13px;

}

.preference-btn:hover {

    background: #c7a56a;
    color: black;

}

.preference-btn.active {

    background: #c7a56a;
    color: black;

}

.filter-tag {

    display: inline-flex;
    align-items: center;
    gap: 8px;

    background: #c7a56a;
    color: black;

    padding: 8px 14px;

    border-radius: 999px;

    font-size: 14px;

}

.remove-tag{

    cursor:pointer;
    font-weight:bold;

}

/* Gold Gallery Scrollbar */
.gallery-scroll {
    scrollbar-width: thin;
    scrollbar-color: #c7a56a #111;
}

.gallery-scroll::-webkit-scrollbar {
    height: 10px;
}

.gallery-scroll::-webkit-scrollbar-track {
    background: #111;
    border-radius: 999px;
}

.gallery-scroll::-webkit-scrollbar-thumb {
    background: #c7a56a;
    border-radius: 999px;
    border: 2px solid #111;
}

.gallery-scroll::-webkit-scrollbar-thumb:hover {
    background: #d8b87a;
}