body {
  background-color: #e3d3fc;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.landing-page {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.landing-logo {
  position: relative;
  z-index: 1;
  width: 350px;
}

.box {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  border-radius: 8px;
}

.box._2 {
  margin-top: -207px;
  margin-left: -200px;
}

.box._3 {
  margin-top: 368px;
  margin-left: 815px;
}

.box._4 {
  margin-top: 305px;
  margin-left: -469px;
}

.box._5 {
  margin-bottom: 341px;
  margin-left: 571px;
}

.box._6 {
  margin-top: -473px;
  margin-left: -992px;
}

.box._7 {
  margin-top: -183px;
  margin-left: -1517px;
}

.box._8 {
  margin-bottom: -755px;
  margin-left: -1280px;
}

.box._9 {
  margin-right: -1617px;
  margin-bottom: -632px;
}

.box._10 {
  margin-right: -433px;
  margin-bottom: -931px;
}

.box._11 {
  margin-top: -530px;
  margin-right: -1493px;
}

.box._12 {
  margin-top: -293px;
  margin-right: -1655px;
}

.box._13 {
  margin-top: -864px;
  margin-left: 89px;
}

.box__header {
  display: flex;
  padding: 16px;
  align-items: center;
  background-color: #effbe7;
}

.box-header__icon {
  width: 20px;
  height: 20px;
  border-radius: 1000px;
  background-color: #e3d3fc;
  cursor: pointer;
}

.box__image {
  width: 350px;
  min-height: 350px;
  min-width: 350px;
}

.img-anchor {
  width: 0px;
  height: 0px;
}

@media screen and (max-width: 991px) {
  .landing-page {
    max-height: 100%;
  }

  .box {
    min-height: 0px;
  }

  .box._3 {
    margin-left: 606px;
  }

  .box._4 {
    margin-top: 221px;
    margin-left: -343px;
  }

  .box._5 {
    margin-bottom: 139px;
    margin-left: 395px;
  }

  .box._6 {
    margin-left: -805px;
  }

  .box._7 {
    margin-top: 670px;
    margin-left: -790px;
  }

  .box._8 {
    margin-bottom: -1112px;
    margin-left: -205px;
  }

  .box._9 {
    margin-right: 0px;
    margin-left: -219px;
  }

  .box._10 {
    margin-right: -408px;
    margin-bottom: -747px;
  }

  .box._11 {
    margin-top: 8px;
    margin-right: -736px;
  }

  .box._12 {
    margin-top: -686px;
    margin-right: -701px;
  }

  .box._13 {
    margin-top: -903px;
  }

  .box__image {
    width: 250px;
    min-height: 250px;
    min-width: 250px;
  }
}

@media screen and (max-width: 767px) {
  .box._2 {
    margin-top: -316px;
  }

  .box._3 {
    margin-top: 218px;
    margin-left: 196px;
  }

  .box._4 {
    margin-top: -115px;
    margin-left: -323px;
  }

  .box._5 {
    margin-left: 302px;
  }

  .box._6 {
    margin-top: -859px;
    margin-left: -490px;
  }

  .box._7 {
    margin-top: 422px;
    margin-left: -424px;
  }

  .box._8 {
    margin-bottom: -477px;
    margin-left: 635px;
  }

  .box._12 {
    margin-right: -391px;
  }

  .box._13 {
    margin-top: -584px;
  }

  .box__header {
    padding: 12px;
  }

  .box-header__icon {
    width: 16px;
    height: 16px;
  }

  .box__image {
    width: 200px;
    min-height: 200px;
    min-width: 200px;
  }
}

@media screen and (max-width: 479px) {
  .pagewrapper {
    height: 100%;
  }

  .landing-page {
    height: 100%;
  }

  .landing-logo {
    width: 250px;
  }

  .box._9 {
    margin-bottom: -555px;
    margin-left: -87px;
  }

  .box._10 {
    margin-right: -218px;
  }

  .landing-body {
    height: 100vh;
    max-height: 100%;
  }
}