@font-face {
    font-family: 'Tombstone'; /* Nom de la police que vous utiliserez dans votre CSS */
    src: url('../commun/tombstone.otf'); /* Chemin vers le fichier OTF */
}
@font-face {
    font-family: 'display';
    src: url('../commun/display.ttf') format('truetype');
}

body {
    text-align: center;
    margin: 0 0;
    padding: 0 0;
}
  
nav {
    background-color:#f0f0f0;
    font-family: 'Tombstone', sans-serif;
    font-size:x-large;
    position: fixed;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    top: 0px;
}
  
.nav-list {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0 0;
}

ul {
    padding-inline-start: 0px;
}
  
/* Styles pour les écrans larges */
@media (min-width: 1000px) {
    .nav-list {
        height: 50px;
    }

    .menu-btn {
        display: none;
    }

    li {
        margin: auto auto;
    }
}
  
/* Styles pour les écrans étroits */
@media (max-width: 999px) {
    .nav-list {
        display: none;
    }
    
    .menu-btn {
        display: block;
        height: 50px;
        align-content: center;
    }
    
    .nav-list.active {
        display: flex;
        flex-direction: column;
        background-color:#f0f0f0;
        position: absolute;
        margin-top: 50px;
        z-index: 999;
    }

    li {
        margin: 5px auto;
    }

}
#footer {
    font-family: 'Tombstone', sans-serif;
    font-size:x-large;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color:#f0f0f0;
    border-radius: 5px;
}