/* Style the h1 element */
h2.display-5 {
    font-weight: bold;
    font-size: 40px; /* You can adjust the font size to your preference */
    color: #333; /* Set the text color */
    text-transform: uppercase; /* Make the text uppercase for added emphasis */
    margin-bottom: 10px; /* Add some space below the h1 */
}
/* Apply the pop-up animation to specified h2 elements */
h2 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

h2.text-black {
    font-size: 50px;
    font-weight: 500;
    -webkit-text-stroke: 1px white;
    animation: pop-up 1s ease forwards;
}

h2 {
    animation: pop-up 0.5s ease 0.2s forwards; /* Delay the animation for the second h2 element */
}

.no-underline {
    text-decoration: none;
}

/* Define the fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Define the pop-up animation */
@keyframes pop-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}