html:focus-within {
  scroll-behavior: smooth;
}
body {
  font-family: "Heebo", "Raleway", "Serif", "Franklin Gothic Medium",
    "Arial Narrow", "sans-serif";
  overflow-x: hidden;
}

.site-header {
  background: #5bc1ac;
  padding-top: 15px;
}

.navbar .navbar-nav .nav-link {
  color: #052c61;
  font-weight: 500;
}

.navbar .navbar-nav .nav-link:hover {
  color: #0b3268;
  background-color: #ffe540;
}

#gallery img:hover {
  transform: scale(1);
}

/*--desktop top margin --*/

@media (max-width: 576px) {
  p {
    font-size: 0.75rem;
  }
}

@media (max-width: 576px) {
  .anantaicon {
    font-size: 15vw;
  }
}
@media (max-width: 576px) {
  .virtualdirection {
    flex-direction: row;
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  .virtualdirection {
    flex-direction: row;
    font-size: 3vw;
  }
}