/* regras adicionais */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

.titulo {
  font-weight: 700;
  letter-spacing: -3px;
}

.sub-titulo {
  font-weight: 500;
  letter-spacing: -1px;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 1.);
  border: none;
}

@media (max-width: 425px) {

  h1 {
    font-size: 2rem;
  }

  .display-1,
  .display-2,
  .display-3,
  .display-4 {
    font-size: 2.5rem;
  }

  .lead {
    font-size: 1.2rem;
  }

  .titulo {
    letter-spacing: -1px;
  }

}

/* Animate on entrance */

.animate-in-down {
  transition: all 1.3s ease-out;
  position: relative;
  opacity: 1;
  top: 0px;

  &.out-of-viewport {
    top: 40px;
    opacity: 0;
  }
}


.animate-in-left {
  transition: all 1.0s ease-out;
  position: relative;
  opacity: 1;
  left: 0%;

  &.out-of-viewport {
    opacity: 0;
    left: -5%;
  }
}


.animate-in-right {
  transition: all 1.0s ease-out;
  position: relative;
  opacity: 1;
  left: 0%;

  &.out-of-viewport {
    opacity: 0;
    left: 5%;
  }
}