body {
  min-height: 100vh;
}

main {
  min-height: 100vh;
}

@keyframes breath {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

.flick {
  animation: breath 2s infinite;
}

@keyframes blink {
  0%, 100% {
    background-color: var(--bs-white);
  }
  50% {
    background-color: var(--bs-danger);
  }
}

.blinking {
  animation: blink 2s steps(1, start) infinite;
}

.notification-marker {
  background-color: var(--bs-danger);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
  position: relative;
  top: -8px;
  left: -2px;
}