.Romy {
    border-radius: 5px; /* Arrondir les bords de 15px */
    border: 2px solid #d862ff;
    }
html {
    font-family: 'Trebuchet MS'; /* ou votre police préférée */
    }
body {
    background-image: url('../images/Escargot.gif'); /* Référence directe au fichier GIF */
    background-size: cover; /* Le GIF couvrira tout l'écran */


    background-position: center; /* Centre le GIF sur la page */
    background-repeat: no-repeat; /* Empêche la répétition du GIF */
    background-attachment: fixed; /* Le fond reste fixe lors du défilement */
    }

    body {
        margin:5px unset;
    }
    
    html {
        font-family: 'Trebuchet MS';
    }

    .stylebutton1 {
        background-image: url('../images/Escargot.gif');
        background-size: cover;
    }

    .stylebutton2 {
        background-image: url('../images/streetbug.gif');
        background-size: cover;
    }
    
    .stylebutton3 {
        background-image: url('../images/blunefoule.gif');
        background-size: cover;
    }

    .stylebutton4{
        background-image: url('../images/romyfourrure.gif');
        background-size: cover;
    }

    .stylebutton5{
        background-image: url('../images/lisbonne.gif');
        background-size: cover;
    }
    
    .button-li {
        display: block; /* Afficher comme un bloc pour appliquer la largeur et la hauteur */
        padding: 10px 20px; /* Ajouter un espacement autour du texte */
        background-color: #ffffff; /* Couleur de fond */
        color: rgb(0, 0, 0); /* Couleur du texte */
        text-align: center;
        border: 2px solid black;
        border-radius: 5px; 
        cursor: grabbing; /* Curseur de la souris */
        width: fit-content; /* Largeur du bouton */ /* Hauteur du bouton */
        line-height: 25px; /* Centrage vertical du texte */
        text-transform: unset;
        transition: background-color 0.1s ease; /* Transition fluide pour les changements */
    }
    .button-li a {
        text-decoration: none;
    }
    /* Effet de survol */
    .button-li:hover {
        background-color: #d862ff; /* Changement de couleur de fond au survol */
    }
    
    @media screen and (max-width: 768px) {
        /* Règles de mise en page pour écrans de taille inférieure à 768px */
      }
      
      @media screen and (min-width: 1024px) {
        /* Règles de mise en page pour écrans de taille supérieure à 1024px */
      }