body, html {
  overflow:  auto;
  background-color: black;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

  min-width: 640px;
}


::-webkit-scrollbar {
  display: none;
}

title {
color:red

}

body::-webkit-scrollbar {
display: none;
}

iframe::-webkit-scrollbar {
display: none;
}

.view::-webkit-scrollbar {
display: none;
}


#content::-webkit-scrollbar {
display: none;
}

#camFollow {
    position: absolute;
    
   /* top:0;*/
   top:40px;
    right:0;
    
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

#camBottom {
        
    position:absolute;
    right:0;
    top:80px;
    
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}


#smile {
  position: absolute;
  top:0;
  right:0;
  width: 30vw;
  margin: 10vw;
  transform: rotate(3deg);
  display:none;

}

#menu {
  position: absolute;
  top:0;
  left:0;
  z-index: 11;
  
      -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

#safariButton {
          font-family: "helvetica";
          color:yellow;
          width:220px;
          position: fixed;
          bottom:0;
          right:0;
          margin: 10px;
          border: solid 0.1vw yellow;
          padding:10px;
          
              -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
        }

/* DROP DOWN ================ */

.dropbtn {
  margin-top: 5px;
  background-color: transparent;
  color: yellow;

  font-size: 30px;
  font-weight: bold;
  border: solid 3px transparent;
  cursor: pointer;
  outline: none;
  font-family: helvetica;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

}


.dropArrow {

  background-color: transparent;
  color: yellow;
  margin-right: 5px;
  font-size: 27px;
  font-weight: bold;
  border: solid 0px transparent;
  outline: none;
  font-family: arrows;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

}

@font-face {
font-family: arrows;
src: url("arrows.3079079b8ab0.ttf");

}
.dropbtn:hover, .dropbtn:focus {
  color:white;

}
.dropdown {
  position: absolute;
  top: 0;
  /* display: inline-block; */
  
      -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;


}

.dropdown-content {
  display: none;
  position: absolute;
 
  /* background-color: cyan; */
  height:200vh;
  
      -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.dropdown-content a {
  padding-left: 10px;
  font-size:30px;
  color: yellow;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: helvetica;
  width: 60vw;

  
      -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.dropdown a:hover {
  color:white;
  cursor:pointer;
}

.show {display: block;}

.title {font-weight: bold;       
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;}

/*======================================*/


.jumCont {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: 1;
  }

#jumelles {
    transform: scale(10);
    pointer-events: none;
    width:100%;
    /* display: none; */
  }


iframe {
  border: none;
}

  #content {

    width: 75vw;
    height:85vh;

    /* position: absolute; */
    position: fixed;
    top:50%;
    left:50%;
        transform: translate(-50%,-50%);
    overflow: scroll;
    background-color: black;

    /* transform: scale(2.07); */
    /* transform: rotate(90deg); */
    
  }






  .view {
    /* position: fixed; */
    /* top:50%; */
    /* left:50%; */
    /* transform: translate(-50%,-50%); */
    width:150%;
    height:150%;
    /* width: 10vw;
    height:100vh; */
    overflow: scroll;
  }
  

  .hidden {
    display: none;
  }

  #toggleMenu {
    position: fixed;
    bottom:0;
    right:0;
    background-color: transparent;
    z-index:1000;
    width:17vw;
    height:17vw;
    border-radius: 100px 0 0 0 ;
    cursor:none;
  }


  @media screen and (max-width:1000px) {




     .dropbtn {
         font-size:5vw;
     }

     .dropArrow {
         font-size:5vw;
     }

    .dropdown-content a {
        width:90vw;
         font-size:4vw;
    }


    #jumelles {
        /* display:none; */
        /* opacity: 0.5; */
        transform:scale(10) ;
    }

    #content {
         /* border-radius:100px; */

      width:66vw;
      height:46vw;
    }
    
    /* .view { */
      /* height:150%; */
      /* width: */
        /* border-radius:100px; */
    /* } */
    



  }






  @media screen and (max-width:700px) {

    #content {
      /* border-radius:100px; */

   width:98vw;
   height:68vw;
 }

  #jumelles {
    /* display:none; */
    transform:scale(11) ;
}


}





  @media screen and (max-width:400px) {

    #content {
      /* border-radius:100px; */

   width:98vw;
   height:68vw;
 }

  #jumelles {
    /* display:none; */
    transform:scale(15) ;
}


}