/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                 Copyright 2023 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                 Copyright 2023 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
.animate__delay-half-s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.color-scheme-bright {
  color: #66fcf1;
}

.color-scheme-dark {
  color: #45a29e;
}

#home {
  background-color: #0b0c10;
  padding: 110px 40px;
  height: 100vh;
  text-align: center;
}

.home-logo > img {
  height: 400px;
  filter: invert(93%) sepia(8%) saturate(2567%) hue-rotate(104deg) brightness(105%) contrast(99%);
}

.home-welcome-title {
  font-size: 48pt;
  color: #66fcf1;
}

.learn-more-arrow {
  position: absolute;
  bottom: 15px;
  left: 0px;
  color: #66fcf1;
  font-size: 28pt;
}

.learn-more-arrow:hover {
  cursor: pointer;
}

#typewriter-text {
  font-family: "Montserrat", sans-serif;
  font-size: 24pt;
  color: #45a29e;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home-logo > img {
    height: 200px;
  }
  .home-wrapper {
    width: 100%;
    height: 75%;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .home-logo > img {
    height: 300px;
  }
  .home-wrapper {
    width: 100%;
    height: 75%;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home-wrapper {
    width: 100%;
    height: 50%;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home-wrapper {
    width: 50%;
    height: 50%;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .home-wrapper {
    width: 50%;
    height: 50%;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
  .home-wrapper {
    width: 50%;
    height: 50%;
  }
}

/*# sourceMappingURL=home.css.map */