@media screen and (max-width: 1700px) and (min-width: 1100px) {
    body {
        transform: scale(0.8); /* Applique un dézoom de 20% */
        transform-origin: top left; /* Définit l'origine de la transformation pour éviter les barres de défilement */
    }
    /* Corrige la taille du corps pour qu'il remplisse l'écran après la transformation */
    html, body {
        width: 125%; /* Augmente la largeur à 125% pour compenser le dézoom */
        height: 125%; /* Augmente la hauteur à 125% pour compenser le dézoom */
        overflow: hidden; /* Empêche les barres de défilement */
    }

    .container {
        height: 100vh !important ;
        /* border:solid 1px purple; */
    }
    .experience-option {
        margin: 5px 0 !important;
    }
    
    .experience-content {
        padding: 3px !important;
    }
    
    .experience-content img {
        margin-right: 2px !important;
    }
    
    button {
        margin-top: 10px !important;
    }

    .menu-container {
        top:21vh !important;
    }
}