/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[0].use[3]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./client/src/scss/main.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes parallax {
  from {
    bottom: 0;
  }
  to {
    bottom: -90%;
  }
}
.parallax {
  view-timeline-name: --parallax-container;
}
.parallax .parallax-content {
  height: 100%;
  position: relative;
  overflow: clip;
}
.parallax .parallax-content div {
  position: relative;
  z-index: 10;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: rgba(36, 46, 67, 0.75);
}
.parallax .parallax-content img {
  position: absolute;
  width: 100%;
  height: 160%;
  -o-object-fit: cover;
     object-fit: cover;
  animation: parallax linear;
  animation-timeline: view();
}

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