@import url("./fonts.css");
@import url("./variables.css");
@import url("./base.css");
@import url("./components/buttons.css");
@import url("./components/header.css");
@import url("./components/footer.css");
@import url("./components/modal.css");
@import url("./components/virtual-tour.css");
@import url("./components/lang-switcher.css");
@import url("./sections/hero.css");
@import url("./sections/itineraries.css");
@import url("./sections/route.css");
@import url("./sections/experiences.css");
@import url("./sections/vessel.css");
@import url("./sections/about.css");

#app {
  min-height: 100vh;
}

#app:not(.is-ready) {
  opacity: 0;
}

#app.is-ready {
  opacity: 1;
  transition: opacity 400ms var(--ease-soft);
}