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; /* Ensures text is readable */
    min-height: 100vh; /* Ensures full screen coverage */
    margin: 0; /* Removes default margin */
}

/* #937bb3 sekundær farve */

.red {
    background-color: red;
}

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

.fit {
    width: 100%;
    margin: 0;
    padding: 0;
}

.pillar {
    min-height: 60vh; /* Tall pillar-like design */
    transition: all 0.4s ease-in-out;
    filter: brightness(90%); /* Slightly dark by default */
}

/* Hover Effects */
.pillar:hover {
    transform: scale(1.05); /* Scale up the hovered pillar */
    filter: brightness(105%); /* Lighten the hovered pillar */
}

/* Make other pillars darker and smaller when one is hovered */
.row:hover .pillar:not(:hover) {
     /* Scale down the non-hovered pillars */
    filter: brightness(75%); /* Darken the non-hovered pillars */
}

.profilemain {
    height: 60vh;
}

.profilemain div {
    height: 100%;
}

.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%);   
}