body {
    background-color: #ffffff;
    line-height: 1.6;
}

h1, h2, h3 { font-weight: 700; letter-spacing: -0.02em; }
.letter-spacing-2 { letter-spacing: 2px; }

.navbar { padding: 20px 0; }
.nav-link { color: #000 !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

.pantone-img-header { width: 180px; opacity: 0.6; }
.card-1 { top: 10%; left: 5%; transform: rotate(-15deg); }
.card-2 { bottom: 15%; left: 20%; transform: rotate(10deg); }
.card-3 { top: 15%; right: 20%; transform: rotate(20deg); }
.card-4 { bottom: 10%; right: 5%; transform: rotate(-10deg); }


.accordion-button:not(.collapsed) {
    background-color: #000;
    color: #fff;
    box-shadow: none;
}

.accordion-button:focus { box-shadow: none; }


.mini-pantone { transition: transform 0.2s; } 
.mini-pantone:hover { transform: scale(1.05); }