body {
    font-family: "Inter", sans-serif;
    /* font-family: "JetBrains Mono", monospace; */
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.5em;
    /* background-color: black; */
}

a {
    text-decoration: none !important;
}

.barlow {
    font-family: 'Barlow Condensed', sans-serif;
}

.playfair {
    font-family: "Playfair Display", serif;
}

.text-outline {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-weight: bold;
    font-size: 20px;
}

.text-strok {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    font-weight: bold;
}

.text-strok-barlow {
    color: transparent;
    -webkit-text-stroke: 2px #120778;
    font-weight: bold;
    font-family: "Barlow Condensed";
}

.text-strok-new {
    color: transparent;
    -webkit-text-stroke: 2px #120778;
    font-weight: bold;
    font-family: "Playfair Display", serif;
}

@keyframes marquee {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
    }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 80s linear infinite;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
}

/* Custom styles for hover effects */
.gallery-item {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.gallery-item img {
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.gallery-item:hover img {
    transform: scale(1.1);
    filter: brightness(50%);
}

.gallery-item .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.gallery-item:hover .overlay {
    opacity: 1;
}

@keyframes noiseAnimation {
    0% { background-position: 0 0; }
    100% { background-position: 100px 100px; }
}

.noise-effect {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    height: 200%;
    width: 200%;
    background-image: url('/Images/38.png'); /* Replace with your noise image */
    background-repeat: repeat;
    animation: noiseAnimation 1s steps(4) infinite;
    opacity: 0.35;
}