:root {
  font-size: 15px;
  font-family: Roboto, sans-serif;

  --background-color: rgb(0, 0, 0);
  --first-color: rgb(255, 255, 255);
  --main-color: #0051ff;
}

/* ✅ Dégradé général sur tout le fond de la page */
html,
body {
  height: 100%;
  margin: 0;
  background: #EEAECA;
 /* background: linear-gradient(177deg, rgb(0, 119, 255) 0%, rgb(255, 221, 0) 100%); */
     background: linear-gradient(177deg, rgb(5, 77, 209) 0%, rgb(255 255 255) 100%);
  background-attachment: fixed;
  background-size: cover;
}

/* ✅ Garde ton contenu bien lisible au-dessus */
.main-content {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}


main section {
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 20%;
  scroll-margin-top: 5em;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 1.4rem;
}

h1,
h2,
h3 {
  color: var(--font-color);
  font-family: Bebas Neue, sans-serif;
  font-size: 3em;
}