@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;700&display=swap");
header {
  background-color: hsl(0, 0%, 100%);
}

@media (max-width: 992px) {
  .nav-pop {
    margin-top: 55px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    min-height: 100vh;
    background: linear-gradient(to bottom, #2d314d, transparent);
  }
}

@media (max-width: 992px) {
  .pop-link {
    text-align: center !important;
    width: 75vw !important;
    padding: 2rem 0 2rem 0;
    background-color: hsl(0, 0%, 100%);
    border-radius: 5px;
  }
}

.request-btn {
  background: linear-gradient(90deg, hsl(136, 65%, 51%), hsl(192, 70%, 51%));
  color: hsl(0, 0%, 100%);
  font-size: 14.4px;
  font-weight: 700;
}
.request-btn:hover {
  background: linear-gradient(90deg, #70e18e, #6ccde5);
}

footer {
  background-color: hsl(233, 26%, 24%);
}
footer ul {
  list-style-type: none;
}
footer a {
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 16.3636363636px;
}
footer a:hover {
  color: hsl(136, 65%, 51%);
}
footer .social-icon {
  display: block;
  width: 24px;
  height: 24px;
}
footer .social-icon.facebook-link {
  background: url("../images/social/icon-facebook.svg") no-repeat center/contain;
}
footer .social-icon.facebook-link:hover {
  background-color: hsl(136, 65%, 51%);
  mask-image: url("../images/social/icon-facebook.svg") no-repeat center/contain;
}
footer .social-icon.youtube-link {
  background: url("../images/social/icon-youtube.svg") no-repeat center/contain;
}
footer .social-icon.youtube-link:hover {
  background-color: hsl(136, 65%, 51%);
  mask-image: url("../images/social/icon-youtube.svg") no-repeat center/contain;
}
footer .social-icon.twitter-link {
  background: url("../images/social/icon-twitter.svg") no-repeat center/contain;
}
footer .social-icon.twitter-link:hover {
  background-color: hsl(136, 65%, 51%);
  mask-image: url("../images/social/icon-twitter.svg") no-repeat center/contain;
}
footer .social-icon.pinterest-link {
  background: url("../images/social/icon-pinterest.svg") no-repeat center/contain;
}
footer .social-icon.pinterest-link:hover {
  background-color: hsl(136, 65%, 51%);
  mask-image: url("../images/social/icon-pinterest.svg") no-repeat center/contain;
}
footer .social-icon.instagram-link {
  background: url("../images/social/icon-instagram.svg") no-repeat center/contain;
}
footer .social-icon.instagram-link:hover {
  background-color: hsl(136, 65%, 51%);
  mask-image: url("../images/social/icon-instagram.svg") no-repeat center/contain;
}
footer .copyright {
  color: hsl(233, 8%, 62%);
  font-size: 15.652173913px;
}

.skip-link {
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  background: linear-gradient(90deg, #70e18e, #6ccde5);
  border-radius: 0 0 10px 10px;
  left: 20vw;
  transform: translateY(-100%);
  transition: 0.2s transform;
}
.skip-link:focus {
  transform: translateY(0);
}

body {
  font-family: "Public Sans", sans-serif;
  font-size: 18px;
}

.hero {
  background-color: hsl(0, 0%, 98%);
  height: fit-content !important;
}
@media (min-width: 768px) {
  .hero {
    background-image: url("../images/bg-intro-desktop.svg");
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 40vw;
    background-size: cover;
    height: 95vh !important;
  }
  .hero .mockdiv {
    overflow: hidden;
  }
  .hero .mockdiv img {
    margin-top: -180px;
  }
  .hero .hero-text {
    display: grid;
    height: 80vh;
    align-content: center;
    justify-items: start;
  }
}
@media (max-width: 768px) {
  .hero {
    background-image: url("../images/bg-intro-mobile.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: border-box;
  }
  .hero .mockdiv {
    overflow: hidden;
  }
  .hero .mockdiv img {
    margin-top: -180px;
    width: 100%;
    height: auto;
  }
}

.easybank {
  background-color: hsl(220, 16%, 96%);
}
.easybank p {
  color: hsl(233, 8%, 62%);
  margin-top: 20px;
}

.late-article {
  background-color: hsl(0, 0%, 98%);
}
.late-article .card-body {
  background-color: hsl(0, 0%, 100%);
}
.late-article .card-body .article-author, .late-article .card-body .text-preview {
  color: hsl(233, 8%, 62%);
  margin-top: 20px;
  font-size: 14.4px;
}
.late-article .card-body .article-title:hover {
  color: hsl(136, 65%, 51%);
  cursor: pointer;
}
.late-article .article-img {
  height: 30vh;
  background-size: cover;
  border-radius: 8px 8px 0 0;
}
.late-article .article-img.currency {
  background-image: url("../images/image-currency.jpg");
}
.late-article .article-img.restaurant {
  background-image: url("../images/image-restaurant.jpg");
}
.late-article .article-img.plane {
  background-image: url("../images/image-plane.jpg");
}
.late-article .article-img.confetti {
  background-image: url("../images/image-confetti.jpg");
}

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