/* Base globale */
body {
    margin: 0;
    padding-top: 100px; /* Laisse la place pour la navbar fixe */
    background-color: #0d1117;
    color: white;
    font-family: 'Nunito', sans-serif;
}

/* Navbar fixe avec fond fondu dégradé + flou */
nav {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important;
    background: linear-gradient(to bottom, rgba(13,17,23,0.95) 80%, rgba(13,17,23,0) 100%);
    backdrop-filter: blur(5px);
    border-bottom: none;
}
/* Exemple d'un conteneur uniforme */
.container {
    max-width: 1200px;
    margin: 0 auto; /* Centrer le contenu */
    padding: 0 20px; /* Padding uniforme */
}

/* Gestion de l'espacement uniforme dans la navbar */
.navbar-nav {
    display: flex;
    justify-content: flex-end; /* Aligne les éléments à droite */
    width: 100%;
    margin: 0; /* Retire tout espacement par défaut */
}

/* Garantir une largeur minimale uniforme pour chaque bouton */
.navbar-nav .nav-item {
    min-width: 120px; /* Définit une largeur minimale égale */
    text-align: center; /* Aligne le texte des boutons */
}

/* Espacement entre les éléments de la navbar */
.navbar-nav .nav-item:not(:last-child) {
    margin-right: 10px; /* Un espacement uniforme entre les boutons */
}

/* Personnalisation des liens de la navbar */
.navbar-nav .nav-item a {
    padding: 10px 15px; /* Padding pour assurer un espacement constant */
    color: white;
    font-weight: bold;
}

.navbar-nav .nav-item a:hover {
    color: #ec7d1a; /* Couleur de survol */
    text-decoration: none;
}