body {
      margin: 0;

      min-height: 100vh;

      font-family: Arial, sans-serif;

      background-image:
      linear-gradient(
        rgba(0,0,0,0.35),
        rgba(0,0,0,0.35)
      ),
      url("../Images/discordfond.png");

      background-size: cover;

      background-position: center;

      background-repeat: no-repeat;

      background-attachment: fixed;

      color: white;

      text-align: center;
    }

    /* NAVBAR */

    nav {
      background: linear-gradient(to right, #0a0a0a, #1a1a1a);

      border-bottom: 2px solid #d4af37;

      box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);

      display: flex;

      justify-content: space-between;

      gap: 40px;

      padding: 40px 40px;
    }

    nav a {
      color: white;

      text-decoration: none;

      font-size: 15px;

      font-weight: bold;

      text-transform: uppercase;

      letter-spacing: 1px;

      transition: 0.3s;
    }

    .gauche {

  display: flex;

  align-items: center;

  gap: 15px;
}

.logo {

  width: 55px;

  height: 55px;

  border-radius: 10px;
}

.nom-serveur {

  font-size: 32px;

  font-weight: bold;

  color: #d4af37;

  text-shadow:
  0 0 12px rgba(212,175,55,0.35);
}

.menu {

  display: flex;

  gap: 50px;

  align-items: center;
}

    nav a:hover {
      color: #d4af37;
    }

    /* CONTENU */

    .container {
      display: flex;

      justify-content: center;

      align-items: center;

      flex-direction: column;

      height: 80vh;
    }

    h1 {
      font-size: 55px;

      color: white;

      margin-bottom: 15px;

      text-shadow: 0 0 15px black;
    }

    p {
      font-size: 20px;

      margin-bottom: 35px;

      color: #ddd;
    }

    .bouton {
      background-color: black;

      color: orange;

      padding: 18px 40px;

      text-decoration: none;

      font-size: 20px;

      font-weight: bold;

      border-radius: 12px;

      transition: 0.3s;
    }

    .bouton:hover {
      background-color: white;

      transform: scale(1.05);
    }

     /* LOADER */

#music-btn {

  position: fixed;

  bottom: 25px;

  right: 25px;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  border: 2px solid #d4af37;

  background: rgba(0,0,0,0.85);

  color: #d4af37;

  font-size: 24px;

  cursor: pointer;

  z-index: 9999;

  transition: 0.3s;

  box-shadow:
  0 0 15px rgba(212,175,55,0.25);

}

#music-btn:hover {

  transform: scale(1.08);

  background: #111;

}