.justify-center {
  justify-items: center;
}

.app-contrast-color[data-color=detail] {
  color: #F5D1C6 !important;
}

.app-contrast-color[data-color=detail-bg] {
  background-color: #F5D1C6 !important;
}

.app-contrast-color[data-color=primary-bg] {
  background-color: #f4eff3;
}

.app-contrast-color[data-color=secondary-nav-bg] {
  background-color: #67113e;
}

.app-contrast-color[data-color=secondary-cta],
.app-contrast-color[data-color=secondaryColorBtnOutline] {
  color: #67113e;
}

.app-contrast-color[data-color=secondaryColorBtnFlat],
.app-contrast-color[data-color=secondaryColorBtnOutline] {
  border-color: #67113e;
}

.app-contrast-color[data-color=secondaryColorBtnOutline] svg,
.app-contrast-color[data-color=secondary-cta] svg {
  fill: #67113e;
}

.app-contrast-color[data-color=secondaryColorBtnFlat] {
  background-color: #67113e;
}

.websiteDecoration--middle {
  background-image: url(https://massialessiasposi.pages.dev/assets/img/fiori-ciliegio-bg-middle.webp);
}

@media screen and (min-width: 48em) {
  .websiteHomeHeader {
    background-image: url(https://massialessiasposi.pages.dev/assets/img/bg-header.webp);
  }

  .websiteDecoration--top {
    background-image: url(https://massialessiasposi.pages.dev/assets/img/fiori-ciliegio-bg.webp);
  }

  .websiteFooterWelcome {
    max-height: 450px;
    background-image: url(https://massialessiasposi.pages.dev/assets/img/bg-footer.webp);
  }
}

@media screen and (max-width: 48em) {
  .websiteHomeHeader {
    background-image: url(https://massialessiasposi.pages.dev/assets/img/bg-header-mobile.webp);
  }

  .websiteDecoration--top {
    background-image: url(https://massialessiasposi.pages.dev/assets/img/fiori-ciliegio-bg-mobile.webp);
  }

  .websiteFooterWelcome {
    background-image: url(https://massialessiasposi.pages.dev/assets/img/bg-footer-mobile.webp);
  }
}

@media only screen and (max-width: 48em) {
  .websiteContainer {
      padding: 0 20px;
  }
}

.websiteFooterWelcome {
  margin-bottom: 0;
}

@media only screen and (min-width: 48.063em) {
  #app-content-load {
    padding-bottom: 92px;
  }

  .websites-footer {
    height: 92px;
  }

  .websites-footer__wrapper {
    padding: 0;
  }
}

.websiteFont__nameTitle {
  font-size: clamp(30px, 6vw, 100px);
}

.websiteFont__nameTitle span {
  display: block;
}

@media only screen and (max-width: 48em) {
  .websiteHomeHeader {
      height: 70vh;
      margin-top: 70px;
  }

  .websiteNavigation {
    margin-top: -70px;
  }

  .websiteNavigation__title {
    margin: 9px 0 0 15px;
  }
}

.websiteHomeHeader__titlePanel {
  background-color: rgba(0, 0, 0, 0.3);
}

.websiteComment__box {
  margin-top: 30px;
}