/* Home Page */

.home {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5em;
  justify-content: flex-start;

  background-image: image-set(
    url(../dc40333835a7dc87180d.webp)
      type("image/webp"),
    url(../imgs/home-imgs/Guneratne_2024.06.09_home-vertical-600p.62f5d618.jpg)
      type("image/jpg")
  );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.logo-box {
  background-color: var(--logo-background);
  min-width: 90%;
  margin: 3em auto 0 auto;
  padding: 1em;
  border-radius: 1em;
  align-self: center;
}

.home-box {
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: center;
  margin-bottom: 3em;
}

.cta-btn {
  text-decoration: none;
  background-color: var(--cta-btn-color);
  padding: 2em 3em;
  border-radius: 1.2em;
  min-width: 22ch;
  border: 0.4ch solid var(--menu-btn-selected);
  color: var(--dark-font-col);
}

.cta-btn:hover,
.cta-btn:focus-visible {
  background-color: var(--head-foot-col);
  border: 0.4ch solid var(--dark-font-col);
  outline: 1px solid (var(--dark-font-col));
  cursor: pointer;
}

/* Media Queries */

@media (min-width: 600px) and (orientation: portrait) {
  .home-box {
    gap: 4em;
  }

  .cta-btn {
    font-size: 1.5rem;
  }
}

@media (min-width: 700px) and (orientation: portrait) {
  .home {
    background-image: image-set(
      url(../f5d9ec588c2e1b81bcce.webp)
        type("image/webp"),
      url(../imgs/home-imgs/Guneratne_2024.06.09_home-vertical-800p.6d607dd6.jpg)
        type("image/jpg")
    );
  }

  .logo-box {
    margin: 5em auto;
  }

  .home-box {
    flex-direction: row;
    justify-content: space-evenly;
  }

  .cta-btn {
    padding: 2.5em 3em;
  }
}

@media (min-width: 1000px) and (orientation: portrait) {
  .home {
    background-image: image-set(
      url(../da88a1f24e21cd96dae5.webp)
        type("image/webp"),
      url(../imgs/home-imgs/Guneratne_2024.06.09_home-vertical-1200p.e6459fb3.jpg)
        type("image/jpg")
    );
  }

  .cta-btn {
    font-size: 2.3rem;
  }
}

@media (min-width: 600px) and (orientation: landscape) {
  .home {
    background-image: image-set(
      url(../71ff85ba99d465ff78a2.webp)
        type("image/webp"),
      url(../imgs/home-imgs/Guneratne_2024.06.09_home-horizontal-800p.339e5e5a.jpg)
        type("image/jpg")
    );
    gap: 2em;
  }

  .logo-box {
    min-width: 70%;
    margin: 2em auto 0 auto;
  }

  .home-box {
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
    margin: 2em 0 3em 0;
  }
}

@media (min-width: 950px) and (orientation: landscape) {
  .home {
    background-image: image-set(
      url(../8474304a016241535820.webp)
        type("image/webp"),
      url(../imgs/home-imgs/Guneratne_2024.06.09_home-horizontal-1200p.c92a2376.jpg)
        type("image/jpg")
    );
  }
}

@media (min-width: 1250px) and (orientation: landscape) {
  .home {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
  }

  .logo-box {
    min-width: 90%;
    margin: auto 0 auto 4em;
  }

  .home-box {
    justify-content: space-evenly;
    gap: 0;
    margin: 0;
  }

  .cta-btn {
    font-size: 1.2rem;
  }
}

@media (min-width: 1800px) and (orientation: landscape) {
  .home {
    background-image: image-set(
        url(../cf01d3ebb9bb82518caa.webp)
          type("image/webp"),
        url(../imgs/home-imgs/Guneratne_2024.06.09_home-horizontal-1600p.12dca9ab.jpg)
      )
      type("image/jpg");
  }

  .logo-box {
    margin: auto 0 auto 3em;
  }

  .cta-btn {
    font-size: 1.8rem;
  }
}

/*# sourceMappingURL=home-styles.ed406080.css.map*/