body{
    overflow-x:hidden;
    overflow: hidden;
    max-height: 100vh;
    /* max-width: 100%;
    height: 100vh; */
}

.content{
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topography {
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
}

.background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;         /* Laisser la largeur auto pour s'ajuster à la hauteur */
    height: 100%;        /* Remplit toute la hauteur */
    min-width: 100%;     /* Assure le remplissage de la largeur */
    min-height: 100%;    /* Assure le remplissage de la hauteur */
    object-fit: cover;   /* S'adapte sans déformation */
    transform: translate(-50%, -50%);
    z-index: -1;
}
.autor{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 400px;
}
.autorName{
    position: absolute;
    bottom: -0.4rem;
    right: 0;
    font-size: 0.8rem;
    font-weight: 300;
    text-decoration: none;
    color: black;
}


@media (min-width: 700px) {
    .autor{
        bottom: calc(10px * 1.3);
        right: calc(10px * 1.3);
    }
    .autor div{
        bottom: -0.5rem;
        font-size: 0.7rem;
    }
    .job{
        bottom: calc(10px * 1.3);
        right: calc(10px * 1.3);
    }
    .job div{
        bottom: -0.5rem;
        font-size: 0.7rem;
    }
}