body {
    width: 100vw; /* 100% de la largeur de la fenêtre d'affichage */
    height: 100vh; /* 100% de la hauteur de la fenêtre d'affichage */
    position: fixed; /* ou 'absolute' selon le contexte */
    margin-top: -50px;
    scale: 80%;
  }

  .all {
    border: 2px solid black;
    background-color: white;
  }

 .voiture {
    position: absolute; /* Position absolue pour l'objet à animer */
    width: 50px; /* Largeur de l'objet */
    height: 50px; /* Hauteur de l'objet */
    background-color: red; /* Couleur de l'objet */
  }

  .animate {
    animation: slideRight 4s linear forwards , 
               slideUp 3s linear forwards 4s, 
               slideLeft 7s linear forwards 7s;
  }
  
  @keyframes slideRight {
    from {
      left: 0;
    }
    to {
      left: 100%;
      transform: translateX(+38%); /* Compense la largeur de l'élément pour un déplacement complet */
    }
  }
  
  @keyframes slideUp {
    from {
        top: 100%;
        transform: translateX(+38%);
    }
    to {
        left: 100%;
        transform: translateX(+38%) translateY(-38%); /* Compense la hauteur de l'élément pour un déplacement complet */
    }
}

@keyframes slideLeft {
    from {
        left: 100%;
        transform: translateX(+38%) translateY(-38%);
    }
    to {
        left: 100%;
        transform: translateX(-32%) translateY(-38%); /* Compense la hauteur de l'élément pour un déplacement complet */
    }
}


.st0{fill:#FFFFFF;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-miterlimit:10;}
.st3{fill:#FFFFFF;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;}
.st7{fill:#FFFFFF;stroke:#000000;stroke-width:0.75;stroke-miterlimit:10;}
.st8{font-family:'MyriadPro-Regular';}
.st9{font-size:5.6093px;}
.st10{fill:#FF0000;stroke:#000000;stroke-miterlimit:10;}
.st11{stroke:#000000;stroke-miterlimit:10;}
.st12{fill:#808080;stroke:#000000;stroke-width:4;stroke-miterlimit:10;}

.boutons-container {
  display: flex;
  justify-content: space-around; /* Répartit uniformément l'espace entre les boutons */
  align-items: center; /* Centre les boutons verticalement */
  flex-wrap: wrap; /* Permet aux boutons de passer à la ligne sur les petits écrans */
  padding: 20px;

}

.boutons-container button {
    margin-right: 40px; /* Ajoute un peu d'espace entre les boutons */
}

.buttons {
  background-color: white;
  stroke: black;
}