.contain {
    margin-top: 6rem;
    z-index: 0;
    position: relative; /*For z-index to work*/
    margin-bottom: 6rem;
}

.nav-bar a.active {
    border-bottom:  solid 2px rgb(248, 125, 2);
    position: relative;
  }
  
  .nav-bar a.active::after{
    border-color: transparent transparent rgb(248, 125, 2) transparent; /* Couleur du triangle */
  }

.text {
    text-align: center;
}

.text h2 {
    font-family: 'Brush Script MT', cursive;
}

.text p {
    font-family: Arial;
    font-size: 2rem;
    padding: 10px;
}

.index-home-layout h2{
  font-family: Verdana;
  font-size: 25px;
  padding-top: 1em;
}

 /* Add any additional styles for your iframe container here */
 video {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 16px; /* Optional: Add some spacing */
  }

  /* Style for the embedded YouTube iframe */
  iframe { 
    width: 100%;
    aspect-ratio: 16 / 9;
  }