body {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), #37264f !important; 
    background-blend-mode: multiply;
    color: white !important;
    min-height: 100vh; 
    margin: 0; 
}

.red {
    background-color: red;
}

.black {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.group:hover .pillar {
    transform: scale(0.95); /* Shrinks non-hovered pillars */
    filter: brightness(75%);
}

.group:hover .pillar:hover {
    transform: scale(1.05); /* Enlarges hovered pillar */
    filter: brightness(105%);
}

/* Smooth transition */
.pillar {
    transition: all 0.4s ease-in-out;
    filter: brightness(90%); /* Default slightly dark */
}

.kitty {
    background-image: url('assets/img/self.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.kitty p {
    position : relative;
    top: 50%;
    transform: translateY(-50%);   
}