@keyframes last_slide_animation {
  0% {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  100% {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }
}
@keyframes slider_backround_animation {
  0% {
    background-position: top left -200px;
  }
  100% {
    background-position: top center;
  }
}
body {
  font-family: "Inter", sans-serif;
}

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

.offline-alert {
  position: fixed;
  padding: 15px 0;
  text-align: center;
  background: #F44336;
  color: #FFF;
  font-weight: 400;
  font-size: 14px;
  line-height: 35px;
  height: 100vh;
  width: 40px;
  left: 0;
  top: 0;
  z-index: 1000;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}

nav.admin-nav {
  z-index: 1001;
}