@font-face {
  font-family: "sans-serif";
  src: url();
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:root {
  --blue: #4fb3ff;
  --animation-duration: .5s;
  --animation-easing: ease-in-out;
}



a {
  color: inherit;
  text-decoration: none;

  &:hover {
    color: var(--blue);
  }
}

h1 {
  font-family: "Irish Grover";
  font-size: 1.1em;
}


body {
  padding: 1em !important;
  transition: background-color 0.3s ease-in-out;
  font-family: "Lexicon";
  color: #b1b1b1;
}

#bg-overlay-1,
#bg-overlay-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: -1;
}