/*!
 * infinitus
 * by @ingenious_inc - https://ingenious.org
 */
/* import */
/* _variables.scss */
/* _background.scss */
/* background colors */
.app-bg-white {
  background-color: #ffffff;
}

.app-bg-gray-10 {
  background-color: #e5e5e5;
}

.app-bg-gray-20 {
  background-color: #cccccc;
}

.app-bg-gray-30 {
  background-color: #b2b2b2;
}

.app-bg-gray-40 {
  background-color: #999999;
}

.app-bg-gray-50 {
  background-color: #7f7f7f;
}

.app-bg-gray-60 {
  background-color: #666666;
}

.app-bg-gray-70 {
  background-color: #4c4c4c;
}

.app-bg-gray-80 {
  background-color: #333333;
}

.app-bg-gray-90 {
  background-color: #191919;
}

.app-bg-black {
  background-color: #111111;
}

.app-bg-primary {
  background-color: #333333;
}

.app-bg-secondary {
  background-color: #666666;
}

.app-bg-deep-blue {
  background-color: #010D57;
}

.app-bg-hot-pink {
  background-color: #FF40DF;
}

.app-bg-pink-shadow {
  background-color: #BE1EC3;
}

.app-bg-electric-blue {
  background-color: #2DC8DC;
}

.app-bg-electric-purple {
  background-color: #6D18F5;
}

.app-bg-electric-orange {
  background-color: #FF7F4D;
}

@keyframes fall {
  0% {
    transform: translate3d(0, -15vh, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 115vh, 0);
    opacity: 0;
  }
}
.app-background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: #e5e5e5;
  background-image: url("../img/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.app-background div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(17, 17, 17, 0.4);
  -webkit-backdrop-filter: blur(0.5rem);
  -moz-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
}
.app-background span {
  width: 0.25vmin;
  height: 0.25vmin;
  border-radius: 0.25vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: fall;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}
.app-background span:nth-child(0) {
  color: #010D57;
  top: 62%;
  left: 80%;
  animation-duration: 1s;
  animation-delay: -186s;
  transform-origin: 20vw 6vh;
  box-shadow: 0.5vmin 0 0.5335292722vmin currentColor;
}
.app-background span:nth-child(1) {
  color: #6D18F5;
  top: 100%;
  left: 51%;
  animation-duration: 1s;
  animation-delay: -59s;
  transform-origin: -23vw -16vh;
  box-shadow: -0.5vmin 0 0.8655400323vmin currentColor;
}
.app-background span:nth-child(2) {
  color: #6D18F5;
  top: 5%;
  left: 4%;
  animation-duration: 1s;
  animation-delay: -151s;
  transform-origin: -1vw 16vh;
  box-shadow: 0.5vmin 0 0.323260285vmin currentColor;
}
.app-background span:nth-child(3) {
  color: #010D57;
  top: 16%;
  left: 5%;
  animation-duration: 1s;
  animation-delay: -289s;
  transform-origin: 7vw -19vh;
  box-shadow: 0.5vmin 0 0.7895151976vmin currentColor;
}
.app-background span:nth-child(4) {
  color: #6D18F5;
  top: 76%;
  left: 54%;
  animation-duration: 1s;
  animation-delay: -139s;
  transform-origin: -3vw -6vh;
  box-shadow: -0.5vmin 0 0.5377824159vmin currentColor;
}
.app-background span:nth-child(5) {
  color: #6D18F5;
  top: 15%;
  left: 40%;
  animation-duration: 1s;
  animation-delay: -31s;
  transform-origin: -18vw -21vh;
  box-shadow: -0.5vmin 0 1.1760088792vmin currentColor;
}
.app-background span:nth-child(6) {
  color: #6D18F5;
  top: 50%;
  left: 96%;
  animation-duration: 1s;
  animation-delay: -262s;
  transform-origin: -8vw -23vh;
  box-shadow: 0.5vmin 0 1.2040721472vmin currentColor;
}
.app-background span:nth-child(7) {
  color: #010D57;
  top: 70%;
  left: 48%;
  animation-duration: 1s;
  animation-delay: -126s;
  transform-origin: -11vw 2vh;
  box-shadow: 0.5vmin 0 0.6505216916vmin currentColor;
}
.app-background span:nth-child(8) {
  color: #010D57;
  top: 23%;
  left: 78%;
  animation-duration: 1s;
  animation-delay: -66s;
  transform-origin: -5vw 7vh;
  box-shadow: -0.5vmin 0 0.2523100951vmin currentColor;
}
.app-background span:nth-child(9) {
  color: #6D18F5;
  top: 14%;
  left: 47%;
  animation-duration: 1s;
  animation-delay: -91s;
  transform-origin: -5vw 14vh;
  box-shadow: 0.5vmin 0 0.5192701984vmin currentColor;
}
.app-background span:nth-child(10) {
  color: #010D57;
  top: 46%;
  left: 12%;
  animation-duration: 1s;
  animation-delay: -160s;
  transform-origin: 5vw 1vh;
  box-shadow: 0.5vmin 0 0.9958677405vmin currentColor;
}
.app-background span:nth-child(11) {
  color: #010D57;
  top: 85%;
  left: 41%;
  animation-duration: 1s;
  animation-delay: -106s;
  transform-origin: 14vw -11vh;
  box-shadow: -0.5vmin 0 0.3425417972vmin currentColor;
}
.app-background span:nth-child(12) {
  color: #6D18F5;
  top: 21%;
  left: 37%;
  animation-duration: 1s;
  animation-delay: -244s;
  transform-origin: -3vw 6vh;
  box-shadow: -0.5vmin 0 0.7784652329vmin currentColor;
}
.app-background span:nth-child(13) {
  color: #6D18F5;
  top: 7%;
  left: 8%;
  animation-duration: 1s;
  animation-delay: -3s;
  transform-origin: 7vw -12vh;
  box-shadow: -0.5vmin 0 0.4716096499vmin currentColor;
}
.app-background span:nth-child(14) {
  color: #6D18F5;
  top: 73%;
  left: 51%;
  animation-duration: 1s;
  animation-delay: -292s;
  transform-origin: -20vw -4vh;
  box-shadow: -0.5vmin 0 0.7202551803vmin currentColor;
}
.app-background span:nth-child(15) {
  color: #010D57;
  top: 46%;
  left: 2%;
  animation-duration: 1s;
  animation-delay: -277s;
  transform-origin: -3vw -10vh;
  box-shadow: 0.5vmin 0 0.5904713259vmin currentColor;
}
.app-background span:nth-child(16) {
  color: #010D57;
  top: 51%;
  left: 15%;
  animation-duration: 1s;
  animation-delay: -64s;
  transform-origin: -2vw -4vh;
  box-shadow: -0.5vmin 0 0.2712301836vmin currentColor;
}
.app-background span:nth-child(17) {
  color: #010D57;
  top: 91%;
  left: 27%;
  animation-duration: 1s;
  animation-delay: -167s;
  transform-origin: -14vw -4vh;
  box-shadow: -0.5vmin 0 1.1575285277vmin currentColor;
}
.app-background span:nth-child(18) {
  color: #010D57;
  top: 38%;
  left: 51%;
  animation-duration: 1s;
  animation-delay: -15s;
  transform-origin: -9vw -5vh;
  box-shadow: 0.5vmin 0 0.5543990779vmin currentColor;
}
.app-background span:nth-child(19) {
  color: #010D57;
  top: 25%;
  left: 67%;
  animation-duration: 1s;
  animation-delay: -222s;
  transform-origin: -19vw -22vh;
  box-shadow: 0.5vmin 0 0.6936982238vmin currentColor;
}
.app-background span:nth-child(20) {
  color: #6D18F5;
  top: 45%;
  left: 91%;
  animation-duration: 1s;
  animation-delay: -1s;
  transform-origin: 9vw 4vh;
  box-shadow: -0.5vmin 0 0.6418378311vmin currentColor;
}
.app-background span:nth-child(21) {
  color: #010D57;
  top: 61%;
  left: 11%;
  animation-duration: 1s;
  animation-delay: -78s;
  transform-origin: 13vw 22vh;
  box-shadow: 0.5vmin 0 1.0403459399vmin currentColor;
}
.app-background span:nth-child(22) {
  color: #010D57;
  top: 21%;
  left: 23%;
  animation-duration: 1s;
  animation-delay: -162s;
  transform-origin: 20vw -12vh;
  box-shadow: -0.5vmin 0 0.8507571102vmin currentColor;
}
.app-background span:nth-child(23) {
  color: #010D57;
  top: 67%;
  left: 2%;
  animation-duration: 1s;
  animation-delay: -249s;
  transform-origin: 9vw 9vh;
  box-shadow: -0.5vmin 0 0.4647733797vmin currentColor;
}
.app-background span:nth-child(24) {
  color: #6D18F5;
  top: 49%;
  left: 92%;
  animation-duration: 1s;
  animation-delay: -145s;
  transform-origin: -11vw -13vh;
  box-shadow: 0.5vmin 0 0.6152731337vmin currentColor;
}
.app-background span:nth-child(25) {
  color: #010D57;
  top: 58%;
  left: 50%;
  animation-duration: 1s;
  animation-delay: -223s;
  transform-origin: -16vw -22vh;
  box-shadow: -0.5vmin 0 1.1276540916vmin currentColor;
}
.app-background span:nth-child(26) {
  color: #010D57;
  top: 51%;
  left: 51%;
  animation-duration: 1s;
  animation-delay: -61s;
  transform-origin: -15vw -8vh;
  box-shadow: -0.5vmin 0 1.0826037265vmin currentColor;
}
.app-background span:nth-child(27) {
  color: #6D18F5;
  top: 44%;
  left: 43%;
  animation-duration: 1s;
  animation-delay: -110s;
  transform-origin: -23vw -12vh;
  box-shadow: 0.5vmin 0 1.1369424357vmin currentColor;
}
.app-background span:nth-child(28) {
  color: #010D57;
  top: 82%;
  left: 18%;
  animation-duration: 1s;
  animation-delay: -205s;
  transform-origin: -12vw -14vh;
  box-shadow: -0.5vmin 0 0.3627142214vmin currentColor;
}
.app-background span:nth-child(29) {
  color: #6D18F5;
  top: 83%;
  left: 87%;
  animation-duration: 1s;
  animation-delay: -39s;
  transform-origin: 4vw -8vh;
  box-shadow: -0.5vmin 0 1.0833417546vmin currentColor;
}
.app-background span:nth-child(30) {
  color: #010D57;
  top: 12%;
  left: 1%;
  animation-duration: 1s;
  animation-delay: -88s;
  transform-origin: -10vw 7vh;
  box-shadow: 0.5vmin 0 0.4619959906vmin currentColor;
}
.app-background span:nth-child(31) {
  color: #010D57;
  top: 33%;
  left: 98%;
  animation-duration: 1s;
  animation-delay: -163s;
  transform-origin: -22vw 2vh;
  box-shadow: -0.5vmin 0 0.6599869317vmin currentColor;
}
.app-background span:nth-child(32) {
  color: #010D57;
  top: 84%;
  left: 87%;
  animation-duration: 1s;
  animation-delay: -39s;
  transform-origin: 13vw 20vh;
  box-shadow: -0.5vmin 0 0.4796806541vmin currentColor;
}
.app-background span:nth-child(33) {
  color: #010D57;
  top: 61%;
  left: 73%;
  animation-duration: 1s;
  animation-delay: -97s;
  transform-origin: 12vw -24vh;
  box-shadow: 0.5vmin 0 0.2755311052vmin currentColor;
}
.app-background span:nth-child(34) {
  color: #010D57;
  top: 4%;
  left: 73%;
  animation-duration: 1s;
  animation-delay: -127s;
  transform-origin: -22vw -22vh;
  box-shadow: -0.5vmin 0 0.7863475897vmin currentColor;
}
.app-background span:nth-child(35) {
  color: #010D57;
  top: 25%;
  left: 70%;
  animation-duration: 1s;
  animation-delay: -34s;
  transform-origin: -2vw 10vh;
  box-shadow: 0.5vmin 0 0.6900414927vmin currentColor;
}
.app-background span:nth-child(36) {
  color: #6D18F5;
  top: 33%;
  left: 19%;
  animation-duration: 1s;
  animation-delay: -168s;
  transform-origin: -17vw 10vh;
  box-shadow: -0.5vmin 0 0.9234343732vmin currentColor;
}
.app-background span:nth-child(37) {
  color: #6D18F5;
  top: 85%;
  left: 70%;
  animation-duration: 1s;
  animation-delay: -254s;
  transform-origin: -13vw 18vh;
  box-shadow: 0.5vmin 0 0.2605661411vmin currentColor;
}
.app-background span:nth-child(38) {
  color: #6D18F5;
  top: 22%;
  left: 55%;
  animation-duration: 1s;
  animation-delay: -283s;
  transform-origin: 16vw -5vh;
  box-shadow: 0.5vmin 0 0.6947020233vmin currentColor;
}
.app-background span:nth-child(39) {
  color: #010D57;
  top: 67%;
  left: 96%;
  animation-duration: 1s;
  animation-delay: -185s;
  transform-origin: -3vw 19vh;
  box-shadow: -0.5vmin 0 0.3437524657vmin currentColor;
}
.app-background span:nth-child(40) {
  color: #010D57;
  top: 79%;
  left: 50%;
  animation-duration: 1s;
  animation-delay: -178s;
  transform-origin: -2vw 13vh;
  box-shadow: -0.5vmin 0 0.6788396848vmin currentColor;
}
.app-background span:nth-child(41) {
  color: #010D57;
  top: 61%;
  left: 63%;
  animation-duration: 1s;
  animation-delay: -171s;
  transform-origin: -9vw 25vh;
  box-shadow: -0.5vmin 0 0.5664424665vmin currentColor;
}
.app-background span:nth-child(42) {
  color: #6D18F5;
  top: 27%;
  left: 79%;
  animation-duration: 1s;
  animation-delay: -66s;
  transform-origin: -10vw -4vh;
  box-shadow: -0.5vmin 0 0.4312168046vmin currentColor;
}
.app-background span:nth-child(43) {
  color: #010D57;
  top: 63%;
  left: 11%;
  animation-duration: 1s;
  animation-delay: -20s;
  transform-origin: -13vw 12vh;
  box-shadow: 0.5vmin 0 0.4635108701vmin currentColor;
}
.app-background span:nth-child(44) {
  color: #6D18F5;
  top: 68%;
  left: 18%;
  animation-duration: 1s;
  animation-delay: -33s;
  transform-origin: 24vw 14vh;
  box-shadow: -0.5vmin 0 0.6418005145vmin currentColor;
}

.app-100-vh {
  height: 100vh;
}

:root {
  --bs-body-bg: map-get($colors, "gray-10");
}