h1 {
    font-size: large;
    color: aliceblue; /* Couleur du texte */
    margin: 0; /* Élimine la marge par défaut */
}

.logo {
    height: 90px; /* Ajustez la taille du logo */
    margin-right: 2px; /* Ajoutez un espace à droite du logo si nécessaire */
    align-self: center; /* Alignement vertical */
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; /* Aligne les éléments en colonne */
    height: 100vh;
    background-color: rgb(18, 18, 18);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

header {
    height: 80px; /* Hauteur de l'en-tête */
    background-color: rgb(18, 18, 18);
    display: flex;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    justify-content: flex-start; /* Aligne le logo et le h1 à gauche */
    align-items: center; /* Centre verticalement les éléments */
    padding: 0px 50px 0px 0px; /* Ajoute un espacement à gauche et à droite */
    border: 1px solid rgb(255, 255, 255); /* Bordure blanche */
    border-radius: 100px; /* Coins arrondis */
}

nav {
    margin-right: 30;
    display: flex;
    margin-left: auto; /* Pousse le nav à droite */
}

nav a {
    margin-left: 15px; /* Espace entre les liens de navigation */
    text-decoration: none; /* Enlève le soulignement */
    color: rgb(255, 255, 255); /* Couleur du texte des liens */
}

model-viewer {
    flex: 1; /* Prend tout l'espace restant */
    width: auto;
    height: auto;
    background-color: rgb(18, 18, 18);
    border-radius: 0; /* Bordure arrondie désactivée */
    box-shadow: 0 0 rgba(141, 53, 53, 0.1);
}