/* Hero Background Animation Fix */

/* Make sure the hero container is properly set up */
.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    z-index: 1;
}

/* The key animation for the network background */