@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

* {
  font-family: "Roboto";
  
  scroll-behavior: smooth;
}
body {
    background-color: black; 
    color: white; 
}



#expandable {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 7vw;
  width: 100vw; 
  height: 100vh;
  text-align: center;
  position: absolute;
  line-height: 0.9em;
  background: -webkit-linear-gradient(right, #f407fe, #150a1d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform : translateY(30vh);
  top: 0;
}

#content{
  margin-top: 70vh;
  padding-left: 10vh;
  padding-right: 5vh;
  transform : translateY(80vh)
}

.texte{
  font-size:1.3em;
    
}

.video-container {
      display: none;
    }