body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
}

.w3-bar,
h1,
button {
  font-family: "Montserrat", sans-serif;
}

@keyframes animateleftout {
  from {
    left: 0;
    opacity: 1;
  }

  to {
    left: -300px;
    opacity: 0;
  }
}

.w3-animate-left-out {
  animation: animateleftout 0.3s forwards ease-in-out;
  overflow: hidden !important;
}

.w3-animate-left-out {
  animation: animateleftout 0.4s ease-in-out;
}

html {
  scroll-behavior: smooth;
}