html {
    scroll-behavior: smooth;
  }
@font-face {
 
        font-family: 'MaSuperPolice';
        src: url('font/Pixeled.ttf') format('truetype'), /* Pour Safari, Android, iOS */
        url('font/Pixeled.html') format('woff'); /* Pour les navigateurs modernes */
    
   
}

* {
    font-family: 'MaSuperPolice', sans-serif;
}

header{
    background-image: url('img/hatim-benhsain-city.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom; 
}
#drp1{
    transform: scaleX(-1);
} 
#eagle{
    transform: scaleX(-1);
}
/* Cible la barre de défilement entière */
::-webkit-scrollbar {
    width: 10px; /* Largeur de la barre de défilement */
}

/* Cible la partie "track" (piste) de la barre de défilement */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Couleur de fond de la piste */
}

/* Cible la partie "thumb" (pouce) de la barre de défilement */
::-webkit-scrollbar-thumb {
    background: #888; /* Couleur de fond du pouce */
}

/* Ajoute une couleur de fond au pouce lors du survol */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* Couleur de fond du pouce lors du survol */
}