@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');

@font-face {
  font-family: 'Superellipse';
  src: local('Superellipse'), local('Superellipse-Regular');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Superellipse', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #00ffff;
  /* #0d0d0d en RGB équivaut à (13, 13, 13). 
     Le 0.85 ci-dessous applique 85% d'opacité (15% de transparence) */
  background-color: rgba(13, 13, 13, 0.20); 
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Syncopate', sans-serif;
  color: #00ff66;
  text-shadow: 0 0 8px rgba(0, 255, 102, 0.6), 0 0 15px rgba(0, 255, 102, 0.3);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

h1 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

h2 {
  font-size: 1.05rem;
  margin-top: 1.5rem;
}

h3 {
  font-size: 0.9rem;
}