/* Import fonts optimized for web */
@import url('/fonts/Montserrat/font.css');
@import url('/fonts/Inter/font.css');
@import url('/fonts/Graphik/font.css');
@import url('/fonts/Manrope/font.css');

#root-container {
  height: 300px;
  overflow-y: scroll;
  /* scroll-timeline-name: --square-timeline; */
  position: relative;
}
#slider-card {
  background-color: deeppink;
  width: 100px;
  height: 100px;
  margin-top: 100px;
  animation-name: rotateAnimation;
  animation-duration: 1ms; /* Firefox requires this to apply the animation */
  animation-direction: alternate;
  /* animation-timeline: --square-timeline; */

  position: absolute;
  bottom: 0;
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#stretcher {
  height: 600px;
}

html {
    scrollbar-gutter: stable;
}