* {
   box-sizing: border-box;
}

body {
   /* position: relative; */
   margin: 0;
   padding: 75px;
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.element {
   /* position: absolute; */
   width: 50px; /* Ajustez la largeur et la hauteur selon vos besoins */
   height: 50px;
}

#element1 {
   /* position: absolute; */
   /* max-width: 10%;  */
   width: auto;
   height: auto;
   /* top: 75px; */
   /* left: 75px; */
}

#element1 img {
   width: 35%; /* Ajuste la largeur de l'image à 100% */
   height: auto; /* Ajuste la hauteur de l'image automatiquement en fonction de la largeur */
   object-fit: cover;
}

#elements-bottom {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 30px;
}

#element2 {
   /* position: absolute; */
   width: auto; /* Ajuste la largeur automatiquement en fonction du contenu */
   height: auto; /* Ajuste la hauteur automatiquement en fonction du contenu */
   /* bottom: 75px; */
   /* left: 75px; */
}

#element2 a {
   text-decoration: underline; /* Surligne le texte lié */
   color: grey; /* Change la couleur du texte lié */
   cursor: pointer; /* Change le curseur au survol du lien */
}

#element2 a:hover {
   text-decoration: none; /* Supprime la soulignement au survol */
}

#element3 {
   /* position: absolute; */
   /* max-width: 10%;  */
   width: auto;
   height: auto;
   /* bottom: 75px; */
   /* right: 75px; */
}

#element3 img {
   width: 80%; /* Ajuste la largeur de l'image à 100% */
   height: auto; /* Ajuste la hauteur de l'image automatiquement en fonction de la largeur */
   object-fit: cover;
}

@media (max-width: 768px) {
   body {
      padding: 30px;
   }
}