body{
    background: #0e0715;
}
#d3crete{
    overflow-x: scroll;
    width: 94%;
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
}
#d3crete::-webkit-scrollbar{
    display: none;  /* Older Safari and Chromium */
}
#navsection{
    filter: url(#wavy);

    position: fixed;
    left: calc(100vw / 3);
    top: 0px;
    width: calc(calc(100vw / 3) * 2);
    height: 100vh;    

}
#navsection:hover{
    cursor:none;
}

.lignedecrete{
 /*   width: 680%;
    margin-bottom: 10%;
    margin-top: 10%;*/
}

.cretecont{
    width: 680%;
  margin-bottom: 10%;
  margin-top: 10%;
  flex-shrink: 0;
  border: 1px solid orange;
}
.cretecont span{
    width: 680%;
  height: 30px;
  position: absolute;
  top: 134px;
  left: auto;
  color: #ffa500;
  text-align: center;
  text-align-last: justify;
  font-family: "Peix";
  font-variation-settings:
  "VOID" 480,
  "BLCK" 80,
  "LONG" 800,
  "ROND" 0;
  font-size: 1.6em;
  text-wrap: nowrap;
 b {
    opacity: 0%;
  }
}
.pointchemin{
    border: 3px solid red;
    background-color: transparent;
    width: 20px;
    height: 20px;
    position: absolute;
  margin-top: 10%;

}
.pointchemin:hover{
    cursor:none;
    pointer-events: all;
    border: 10px solid rgb(249, 249, 249)

}

.cretecont svg{
   
}

:root{
    --hilight: orange;
}