:root {
    --bulma-link-h: 163.14607deg;
    --bulma-link-s: 88%;
    --bulma-link-l: 20%;
}
/* Hauptfarbe: hsl(163.33334, 88%, 20%) */

html, body {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.hero {
  flex-grow: 1;
}

.is-width-128 {
  width: 128px;
}

html {
  scroll-behavior: smooth;
}

.scroll-down {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
  cursor: pointer;
  animation: float 4.5s ease-in-out infinite;
  animation-delay: 1.5s;
}

.scroll-down:hover {
  opacity: 0.6;
}

.scroll-up {
  position: fixed;
  bottom: .5rem;
  right: .5rem;
  transform: translateX(-50%);
  opacity: 0.5;
  cursor: pointer;
  animation: float 4.5s ease-in-out infinite;
  animation-delay: 1.5s;
}

.scroll-up:hover {
  opacity: 0.6;
}