react-nice-scroll/dist/styles.css

A React library to smooth scroll and scroll-based animations.

body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  overflow-y: auto !important;
}

#root {
  height: 100% !important;
}

.ns-container {
  height: 100vh;
  margin: 0 !important;
  overflow: hidden !important;
}

.ns-fixed-element {
  position: fixed !important;
  will-change: top;
}

.ns-horizontal-section {
  overflow-x: hidden !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
}

.ns-horizontal-section__animation-wrap, .ns-horizontal-section__pin-wrap {
  display: flex;
  align-items: center;
  position: relative !important;
  height: 100vh !important;
}
.ns-horizontal-section__item {
  padding: 200px 100px;
  width: 50vw;
  height: calc(100vh - 400px);
  display: flex;
  align-items: center;
}

.ns-gelly-element {
  display: flex;
  will-change: transform !important;
}

.ns-parallax-image {
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
}
.ns-parallax-image__inner {
  object-fit: cover !important;
  will-change: transform !important;
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
}

.ns-sequence-section {
  position: relative;
  height: 100vh !important;
}
.ns-sequence-section__canvas {
  max-width: 100vw !important;
  max-height: 100vh !important;
  vertical-align: middle !important;
}