@font-face {
  font-family:'Lato';
  src: url('../fonts/Lato-Regular.woff') format("woff");;
}

@font-face {
  font-family:'Lato Light';
  src: url('../fonts/Lato-Light.woff') format("woff");;
}

html {
  scroll-padding-top: var(--navbar-height);
}

body {
  font-family: 'Lato';
}

.extra-shadow {
  text-shadow: -1px -1px 0 #e3e3e330, 1px -1px 0 #e3e3e330, 1px 1px 0 #e3e3e330, 1px 1px 0 #e3e3e330;
}

.dark-shadow {
  text-shadow: -1px -1px 0 #999999, 1px -1px 0 #999999, 1px 1px 0 #999999, 1px 1px 0 #999999;
}

@media all and (max-width: 959px) and (min-width: 600px) {
  button.close {
    font-size:3rem !important;
  }
}

@media all and (max-width: 599px) {
  button.close {
    font-size:2.5rem !important;
  }
}