/* Ensures the current page link is active and
   prevents redundant navigation */
header nav ul li .contact {
  color: var(--main-color);
  pointer-events: none;
}
header nav ul li .contact::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--main-color);
  width: 100%;
  transition: 0.3s;
}
main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--section-padding);
}
.heading {
  color: var(--text-color);
  font-size: 50px;
  opacity: 0;
  transform: translateY(10px);
  transition: var(--animation-transition);
}