/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*.parallax {
    background-color: #111;
    overscroll-behavior: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    .parallax-content {
        position: relative;
        overflow: hidden;
        height: 60vh;

        img {
            position: absolute;
            width: 100%;
            height: 160%;
            object-fit: cover;
            bottom: 0;
        }
    }
}*/
@keyframes parallax {
  from {
    bottom: 0;
  }
  to {
    bottom: -90%;
  }
}
.parallax {
  view-timeline-name: --parallax-container;
}
.parallax .parallax-content {
  height: 50vh;
  position: relative;
  overflow: clip;
}
@media (min-width: 768px) {
  .parallax .parallax-content {
    height: 60vh;
  }
}
.parallax .parallax-content img {
  position: absolute;
  width: 100%;
  height: 160%;
  -o-object-fit: cover;
     object-fit: cover;
  animation: parallax linear;
  animation-timeline: view();
}

/*.parallax {
    min-height: 50vh;
    @include media-breakpoint-up(md){
        min-height: 60vh;
    }
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .parallax-content {
        position: relative;
        width: 100%;
        height: 100%;
        transition: background-size .5s;
        @media (orientation: landscape) {
            background-size: 120%;
            animation: landscape linear;
        }
        @media (orientation: portrait) {
            background-size: 160%;
            animation: portrait linear;
        }
        animation-timeline: view();
    }
}*/

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