html {
  scroll-behavior: smooth;
}

html, body {
  background-color: white;
  color: black;
}

.cortina_white {
  top: 0;
  position: absolute;
  z-index: 120;
  width: 100%;
  height: 100vh;
  /*transition: all 1.5s ease-out;*/
  pointer-events: none;
}
.cortina_white.animate {
  animation: blurToSolid 1s linear forwards;
}

.section-container .sl-item {
  background-color: white;
  color: black;
}
.section-container .sl-item .slick-slide {
  display: none;
}
.section-container .sl-item .slick-slide.slick-active {
  display: block;
}
.section-container .sl-item:before, .section-container .sl-item:after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.list-container {
  left: unset;
}

._info p {
  font-size: 1.2rem;
  font-weight: 300;
}

#evenMore {
  left: 0;
  z-index: 0;
  margin-top: 150px;
  padding-bottom: 150px;
}

.slick-slide {
  margin: 0 10px; /* Adds 10px spacing between slides */
}

.slick-list {
  margin: 0 -10px; /* Counteracts the margin to avoid affecting the overall width */
}

@supports (-webkit-overflow-scrolling: touch) {
  #slider-items {
    /* Add properties to stabilize scrolling behavior */
    will-change: transform;
  }
}
@keyframes blurToSolid {
  from {
    backdrop-filter: blur(24px);
    background-color: white;
  }
  to {
    backdrop-filter: blur(0);
    background-color: transparent;
  }
}
@media screen and (max-width: 920px) {
  #evenMore {
    margin-top: 0px;
  }
}
@media screen and (max-width: 600px) {
  #evenMore {
    margin-top: 80px;
  }
}

/*# sourceMappingURL=allworks.css.map */
