/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/bifurcated-block/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
#bifurcated-hero {
  background: linear-gradient(90deg, rgb(131, 240, 248) 50%, rgb(23, 37, 84) 50%);
}

#bifurcated-second-image {
  -webkit-mask-image: linear-gradient(90deg, black, 70%, transparent);
          mask-image: linear-gradient(90deg, black, 70%, transparent);
}

.bg-img {
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: max(80vw, 1200px) auto;
  background-color: #052058;
}

/*# sourceMappingURL=style-index.css.map*/