.elementor-4019 .elementor-element.elementor-element-026e7fb{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-026e7fb */.section::-webkit-scrollbar {
  display: none;
}
.section {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

body{
  width: 100vw;
  padding: 0;
  margin: 0;
}
main{
  display: flex;
}
header{
  position: fixed;
  color: white;
  font-size: 3em;
  z-index: 100;
  font-family: "Didot", serif;
  margin: 5%;
}
.section{
  width: 33%;
  height: 8000px;
  overflow: scroll;
  transition: all 3s ease;
  -webkit-transition: all 3s ease;
  position: relative;
}
.section:hover{
  width: 60%;
}

.scroll-element{
  width: 100%;
  height: 200vh;
  position: absolute;
  left: 0%;
  top: 0%;
    div{
    margin: 2vh 1vh;
    height: 36vh;
    background-size: 100%;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(2px);
    }
    div:hover{
      background-size: 170%;
      filter: blur(0px);
    }
  }
  
.primary{
  animation: primary 80s linear infinite;
}
.secondary {
  animation: secondary 80s linear infinite;
}
@keyframes primary {
  from {
    top: 0%;
  }
  to {
    top: -200vh;
  }
}
@keyframes secondary {
  from {
    top: 200vh;
  }
  to {
    top: 0%;
  }
}

.primary2{
  animation: primary2 80s linear infinite;
}
.secondary2 {
  animation: secondary2 80s linear infinite;
}
@keyframes primary2 {
  from {
    top: -200vh;
  }
  to {
    top: 0;
  }
}
@keyframes secondary2 {
  from {
    top: 0;
  }
  to {
    top: 200vh;
  }
}/* End custom CSS */