@charset "utf-8";

html {
  font-size: 14px;
  font-family: Lato, Arial, sans-serif;
  line-height: 1.5rem;
  
  --bs-body-bg: #0a1628 !important;
  --bs-body-bg-rgb: 10, 22, 40 !important;
  --bs-body-color: #ffffff !important;
  --bs-body-color-rgb: 255, 255, 255 !important;
}

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

a, a:hover {
  color: inherit;
}

img {
  max-width: 100%;
}

img.i, svg.i {
  height: 1.2em;
  line-height: inherit;
  vertical-align: -15%;
}

svg.fa path {
  fill: currentColor;
}

svg .fa-secondary {
  opacity: .4
}

.background {
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.background-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.background-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.background-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.background-noise {
  position: absolute;
  width: 100%;
  height: 100%;
  
  opacity: 0.125;
  background-repeat: repeat;
  background-size: 200px 200px;
  background-image: url("/public/image/noise.png");
  background-blend-mode: soft-light;
}

.dropdown-menu {
  max-height: 50vh;
  overflow: auto;
}

.with-star-before:before,
.with-star-after:after {
  content: "✦";
}