:root {
    --custom_black: rgba(14,16,17,1);
    --apple_blue: #0084ff;
    --off_white: #eeefee;
    --bento_grid_background_color: rgb(22, 22, 22);
    --bento_grid_border: 1px solid rgb(47, 47, 47);

    --background_gray: #1A1A1A;
}



/* Fade In - Animation */
    @keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }


body {
    margin: 0;
    background-color: var(--background_gray);
    font-family: 'Manrope', sans-serif; 
}

/* Grainy background */
    .grainy_effect::after {
        position: fixed;
        left: 0;
        top: 0;
        content: '';
        width: 100vw; 
        height: 100vh;
        z-index: 2;
        opacity: 0.2; 
        background: #000000;
        filter: url(#noiseFilter2);
        pointer-events: none;
    }

    @media (max-width: 768px){
        .grainy_effect::after {
            display: none;
        }
    }

    svg {
        position: absolute;
        z-index: 2;
        width: 0; /* Ensure it does not occupy space */
        height: 0;
    }