@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");
body {
  font-family: "Sen", sans-serif;
  font-optical-sizing: auto;
  background-image: url(../img/bg1.jpg);
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}

a {
  color: #00aae7;
}

.fg-color1 {
  color: #00aae7;
}

.fg-color2 {
  color: #003453;
}

@keyframes slide-in {
  0% {
    transform: translateX(10%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .animate-right-1 {
    opacity: 0;
    animation: slide-in 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
  }
  .animate-left-1 {
    opacity: 0;
    animation: slide-in-left 1s cubic-bezier(0.25, 1, 0.5, 1);
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
  }
}/*# sourceMappingURL=style.css.map */