#home {
    position: relative;
    /* Ensures child elements are positioned inside */
    width: 100vw;
    height: 100vh;
    overflow: hidden;

    /* Prevents scrolling issues */
}

#home_header {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%;
    height: 100%;
    position: absolute; /* Ensures proper positioning */
    top: 0;
    left: 0;
}

#name_header {
    display: flex;
    flex-direction: column; /* Stack images vertically */
    align-items: center; /* Ensure images stay centered */
}

/* Adjust image sizes */
#name_header .name,
#name_header .surname {
    width: 200px;
    max-width: 100%;
    object-fit: contain;
}


#home_header .surname {
    transform: rotate(9deg);
}

/* Video Background */
#background_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures full coverage 
    filter: blur(20px);*/
    z-index: -1;
    /* Sends the video behind content */
}


/* Keep header content in specific position and size on phone screens */
@media only screen and (max-width: 600px) {

    #name_header .name,
    #name_header .surname {
        width: 140px;
    }

    #home_header .surname {
        transform: rotate(11deg);
    }

    #background_video {
        height: 85vh;

    }

    #about {
        margin-top: -40%;
    }

}