  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
  *{
      margin: 0;
      padding: 0;
      font-family: 'Poppins', sans-serif;
      box-sizing: border-box;
  
  }
  
  html, body {
      height: 100%;
    }
  
  body {
      background: linear-gradient(to bottom, #316997, #18344b);
    }
  
  /* Structure de base */
  header {
      display: flex;
      justify-content: flex-start; /* Aligne à gauche */
      align-items: center;         /* Centré verticalement si tu ajoutes du texte à côté */
      padding: 10px 20px;
      position: relative;
    }
    
    /* Style du logo */
    .logo {
      width: 120px;      /* Ajuste la taille selon ton design */
      height: auto;
    }
    
    /* Responsive pour smartphone */
    @media (max-width: 768px) {
      .logo {
        width: 100px; /* Un peu plus petit sur mobile si nécessaire */
      }
    
      header {
        padding: 10px;
      }
    }