@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Montserrat", sans-serif;
  color: #be131b;
}

.shadow-lr {
  box-shadow: 12px 0 8px -8px #999, -12px 0 8px -8px #999;
  -moz-box-shadow: 12px 0 8px -8px #999, -12px 0 8px -8px #999;
  -webkit-box-shadow: 12px 0 8px -8px #999, -12px 0 8px -8px #999;
}

.min-dvh {
  min-height: 100dvh;
}

.kpeiBg {
  background-image: url('/img/kpeiBg.jpg');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}

.internal {
  min-height: calc(100vh - 144px);
}

.pointer {
  cursor: pointer;
}

.border-green {
  border-color: #02bf64 !important;
}

.border-red {
  border-color: #be131b !important;
}

.bg-orange {
  background-color: #ff9700;
}

.bg-green {
  background-color: #02bf64;
}

.bg-red {
  background-color: #be131b;
}

.text-red {
  color: #be131b !important;
}

footer {
  background-color: #940709;
}

footer .active {
  background-color: #750a0f;
}

ol.marker-bold>li::marker {
  font-weight: bold;
}

.blink-me {
  animation: blinker 1s linear infinite;
}

.modal-backdrop {
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.modal-backdrop.show {
  opacity: 1;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.flip {
  transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  margin-right:-4px;
}