body {
      margin: 0;       
}

@font-face {
  font-family:fungal ;
  src: url(fonts/Fungal-Grow700Thickness500.ttf);
}

@font-face {
  font-family:fpropre ;
  src: url(fonts/Fungal-Grow0Thickness500.ttf);
}

@font-face {
  font-family:goth ;
  src: url(fonts/FT88-Gothique.ttf);
}

 body{background-color: black;}

h1{
  font-family:fungal;
  font-size: 10vw;
  color : rgb(0, 255, 0)
}

h2 {
  font-family:goth;
  margin-left: 20 px;
  color : white;
  font-size: 3vw;
}

#img1 {width: 20%;}


.gallery-container {
  
}

.gallery-title {
      
}

.scroll-gallery {
    display: none;
  overflow-x: auto;
  gap: 10px;
  padding-bottom: 10px;
  
  scrollbar-width: none; 

}

.scroll-gallery img {
  display: block;
  height: 600px;
  width: auto; 
  object-fit: cover;
}

.scroll-gallery::-webkit-scrollbar {
      height: 8px;
        display: none; 
}

.image-box {
      flex: 0 0 auto;
      scroll-snap-align: start;
      overflow: hidden;    
}

.infos {
     display: flex;
 
  justify-content: space-between;
  border-bottom: solid rgb(155, 0,255) 4px;
  color: rgb(155, 0,255) ;
  margin-left: 20px;
  margin-right: 30px;
  font-family:fpropre;
  font-size: 1.3vw;
}





/* SMARTPHONE MODE PORTRAIT */
@media screen and (orientation: portrait) {

.scroll-gallery img {
  display: block;
  height: 150px;
  width: auto; 
  object-fit: cover;
}
   

}