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

body {
  background-image: url(img/background.png); 
  background-size: cover;
  background-position: center; /* Centre l'image */
  background-repeat: no-repeat; /* Évite la répétition de l'image */
  background-attachment: fixed; /* Fixe l'image de fond pour qu'elle reste en place lors du défilement */
  height: 100vh; /* Hauteur de la fenêtre du navigateur */
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 100vh;
  color: white
}

h1, h2, h3, p {
  padding: 0;
  margin: 0;
  font-family: 'Space Grotesk', sans-serif;
}

h2 {
  font-size: 32px;
}

#logo_img {
  padding-inline: 3em;
  padding-top: 3em;
  height: 1em;
  width: auto;
}

#text_part {
  padding-block: 2em;
  width: 80%;
  margin: 0 auto;
}

#line {
  width: 85%;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, white 50%, rgba(0, 0, 0, 0) 100%);
  margin: 0 auto;
}

/* Conteneur principal centré */
.page-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 100%;
    height: 100%;
    padding: 20px; /* Espacement autour du contenu pour éviter qu'il touche les bords de l'écran */
    box-sizing: border-box;
}


/* Styles pour le contenu d'invitation */
#discordInvite {
    /*background-color: rgba(47, 49, 54, 0.6);
    border: 1px solid rgba(47, 49, 54, 0.9);*/
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
    box-sizing: border-box;
}