body {
  margin: 0;
}

main {
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  overflow-x: hidden;

  // Fixes scrolling issues of swiperJS. Should be included in all projects.
  @import "page--view-swiper";
}

// iFrame mode
.body--iframe {
  overflow-y: hidden;

  main {
    // If you change to "overflow: initial", the margin-top/bottom of first/last element will be not included.
    // Test on fresh block setup where heading has margin-top.
    overflow-y: auto;
  }
}

.fullscreen_layout {
  background-color: #9cc3ff;
  min-height: 100%;
  background-image: url('https://i.ibb.co/pjwL8D1/shapelined-JBKdviwe-XI-unsplash.jpg');
  background-size: cover;
}