/* STYLE DE LA NAVBAR UNIQUEMENT SUR LA HOMEPAGE */


.homepage-pseudo{
  color: white;
  text-shadow: #ddd ;
}
.content-enter-text{
  font-size: 124px;
  line-height: 1.25;
}
.homepage{
  position: relative;
}
/********************************** HERO HOMEPAGE (VIDEO LOOP ET TEXTE)  *************************************/
header{
  position: absolute;
}
.hero-main{
  position: absolute;
  top: 0;
}
.hero-video-container{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
    #myVideo {
        position: absolute;
        top: 0;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
      }
      
      .pause-video-container {
        position: absolute;
        bottom: 0;
        right: 0;

        color: white;
        padding: 20px;
      }
      .content-enter {
        position: absolute;
        top: 10%;

        font-weight: 900;
        width: 100%;
        padding: 20px;
        text-align: center;
      }
      
      #pauseVideoBtn {
        width: 200px;
        font-size: 18px;
        padding: 10px;
        border: none;
        /* background: #000; */
        color: #fff;
        cursor: pointer;
      }
      
      #pauseVideoBtn:hover {
        background: #ddd;
        color: black;
      }
      .enter-cta{
        font-size: 18px;
        padding: 10px;
        border: none;
        background: #000;
        color: #fff;
        cursor: pointer;
      }
      .enter-cta:hover {
        background: #ddd;
        color: black;
      }

      body, html {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
      
      nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
      }
      
      .hero-main {
        position: relative;
        height: 100vh;
        overflow: hidden;
      }
      
      video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
      .content {
        padding-top: 100vh;
      }
      .home-text-shadow{
        text-shadow: 2px 1px 1px var(--text-color-opposite);      }

  /********* STYLE DU MESSAGE HOME ***********/
  .home-msg-global{
    display: flex; 
    justify-content: center; 
  }

  .home-msg-first{
    position: absolute; 
padding-left: 1rem;
padding-right: 1rem; 
padding-top: 8rem;
padding-bottom: 8rem; 
max-width: 1280px; 
}

.home-msg-second{
  max-width: 56rem; 
  text-align: center; 
  margin: 0 auto;
}
h1.home-first-h1{
  font-size: 1.875rem;
  line-height: 2.25rem; 
  font-weight: 800; 
}
p.welcome-skate-spot{
  color: var(--accent-color); 
}
.home-box-no-shadow a{
  text-shadow: none;
}
@media (min-width: 1024px) { 
    .home-msg-first{
      display: flex; 
      align-items: center; 
      height: 100vh; 
    }
 }

@media (min-width: 640px) { 
  .home-msg-first{
    font-size: 3rem;
    line-height: 1; 
  }
}