@charset "UTF-8";
body.menu-open {
  height: 100vh;
  overflow: hidden; }

section {
  background-color: #07080a; }

.pt-header-justice {
  padding-top: 61px; }
  @media (min-width: 768px) {
    .pt-header-justice {
      padding-top: 92px; } }

#call-to-scroll {
  padding: 1rem 0.25rem;
  border: none;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 0.75rem;
  transform: translateX(-50%);
  border-radius: 10px;
  box-shadow: 0 0 0 1px #51a9ff;
  transition: 0.5s;
  animation: rays 5s linear infinite alternate; }

#about .row {
  justify-content: space-between; }
  #about .row .col {
    width: 100%; }
    @media (min-width: 992px) {
      #about .row .col:first-child {
        width: 50%; } }
    @media (min-width: 992px) {
      #about .row .col:nth-child(2) {
        width: 45%;
        min-height: 420px; } }

@media (min-width: 768px) {
  #contact {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; } }
#contact .row {
  display: grid !important;
  grid-gap: 2rem;
  grid-template-columns: auto;
  align-items: center; }
  @media (min-width: 768px) {
    #contact .row {
      grid-template-columns: auto auto; } }
#contact .col {
  display: flex;
  flex-direction: column; }

#footer .container {
  border-radius: 5px 5px 0 0 !important;
  background: #0d0f13; }

::-moz-selection {
  background: #efcc20;
  color: #07080a; }

::selection {
  background: #efcc20;
  color: #07080a; }

::-moz-focus-inner {
  border: 0; }

::-webkit-input-placeholder {
  /* Edge */
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300; }

::placeholder {
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 300; }

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth; }

html {
  background: #07080a;
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1rem;
  overflow-x: hidden; }

body {
  color: dodgerblue;
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  overflow: hidden; }

a {
  color: dodgerblue;
  text-decoration: none; }
  a:hover {
    color: #51a9ff; }

a:active, a:focus, a:hover,
button:active,
button:focus,
button:hover {
  outline: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.25em; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

mark {
  background-color: #fdf8de;
  color: #07080a !important; }

ol,
ul {
  list-style: none; }

p {
  margin-bottom: 0.25em; }

.btn {
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  font-size: 1rem; }

.project-card {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden; }
  @media (min-width: 768px) {
    .project-card {
      flex-direction: row;
      align-items: end; } }
  .project-card > div {
    width: 100%; }
    @media (min-width: 768px) {
      .project-card > div {
        width: 50%; } }
  @media (min-width: 768px) {
    .project-card .project-cover {
      height: 400px; } }
  .project-card .project-cover > img {
    width: 100%;
    height: auto;
    box-shadow: 100px 0 160px 0 dodgerblue; }
    @media (min-width: 768px) {
      .project-card .project-cover > img {
        height: 100%;
        object-fit: cover; } }
  .project-card .project-details {
    display: flex;
    flex-direction: column;
    justify-content: end; }
    @media (min-width: 768px) {
      .project-card .project-details {
        border-left: 2px solid #edf2f8; } }
  .project-card .project-link > i {
    font-size: 14px; }
  .project-card .project-link:hover {
    text-decoration: underline; }

.stack-collection .stack-toggler {
  overflow: hidden;
  transition: 0.3s;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #16191f;
  padding-bottom: 0.5rem; }
  .stack-collection .stack-toggler.active {
    color: #fff; }
    .stack-collection .stack-toggler.active i {
      transform: rotate(180deg); }
  .stack-collection .stack-toggler:hover {
    color: #d9d9d9 !important; }
  .stack-collection .stack-toggler:not(.active) {
    color: #999999; }
  .stack-collection .stack-toggler i {
    font-size: 14px;
    transition: 0.3s; }
.stack-collection .stack-group {
  display: none;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr); }
  @media (min-width: 576px) {
    .stack-collection .stack-group {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1rem; } }
  @media (min-width: 992px) {
    .stack-collection .stack-group {
      grid-template-columns: repeat(4, 1fr); } }
  .stack-collection .stack-group.show {
    display: grid;
    overflow: initial; }
  .stack-collection .stack-group .stack-item {
    display: flex;
    align-items: center;
    background: #0d0f13;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: inset -5px -5px 11px #060608, inset 5px 5px 11px #161a22;
    color: dodgerblue;
    font-size: 14px;
    font-weight: bolder; }
    @media (min-width: 992px) {
      .stack-collection .stack-group .stack-item {
        flex-direction: column;
        justify-content: center; } }
    .stack-collection .stack-group .stack-item i {
      font-size: 1.5rem;
      color: #3c4455;
      animation: glow 3s ease-in infinite; }
      @media (min-width: 768px) {
        .stack-collection .stack-group .stack-item i {
          font-size: 2rem; } }
      @media (min-width: 992px) {
        .stack-collection .stack-group .stack-item i {
          font-size: 3.5rem; } }
@keyframes glow {
  50% {
    color: #515c73; } }
.carousel-inner {
  position: relative;
  overflow: hidden; }
.carousel-item {
  width: 100%; }
  .carousel-item.active {
    animation-name: faded;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; }
  .carousel-item:not(.active) {
    display: none; }
.carousel-control {
  border: none;
  border-radius: 6px;
  box-shadow: 0 0 2px 2px dodgerblue;
  background-color: #07080a;
  color: dodgerblue;
  font-weight: bold; }
  .carousel-control:hover {
    box-shadow: 0 0 2px 2px #fff;
    background-color: #07080a;
    color: #fff; }

@keyframes faded {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.bg-drop-1 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 118%;
  left: 72%;
  border: 1px solid #3c4455;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2841942865s; }
  .bg-drop-1::after {
    content: '';
    position: absolute;
    padding: 0.5432213415rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-2 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 43%;
  left: 69%;
  border: 1px solid #14161c;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1742927814s; }
  .bg-drop-2::after {
    content: '';
    position: absolute;
    padding: 0.9973170319rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-3 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 67%;
  left: 88%;
  border: 1px solid #394252;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9377735406s; }
  .bg-drop-3::after {
    content: '';
    position: absolute;
    padding: 1.2478800467rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-4 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 25%;
  left: 83%;
  border: 1px solid #3e4658;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9943007915s; }
  .bg-drop-4::after {
    content: '';
    position: absolute;
    padding: 1.2316472839rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-5 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 6%;
  left: 58%;
  border: 1px solid #16191f;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3151357515s; }
  .bg-drop-5::after {
    content: '';
    position: absolute;
    padding: 0.4188893875rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-6 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 46%;
  left: 90%;
  border: 1px solid #4e5a70;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0927687766s; }
  .bg-drop-6::after {
    content: '';
    position: absolute;
    padding: 1.2861772961rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-7 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 37%;
  left: 59%;
  border: 1px solid #333a49;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7813749299s; }
  .bg-drop-7::after {
    content: '';
    position: absolute;
    padding: 1.1977231299rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-8 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 113%;
  left: 86%;
  border: 1px solid #373f4f;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1321808884s; }
  .bg-drop-8::after {
    content: '';
    position: absolute;
    padding: 0.5338991978rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-9 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 66%;
  left: 99%;
  border: 1px solid #14161c;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0721334567s; }
  .bg-drop-9::after {
    content: '';
    position: absolute;
    padding: 1.1881511263rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-10 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 29%;
  left: 86%;
  border: 1px solid #0b0d10;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5794169052s; }
  .bg-drop-10::after {
    content: '';
    position: absolute;
    padding: 0.9476378654rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-11 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 66%;
  left: 60%;
  border: 1px solid #4c576d;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.837723663s;
  display: none; }
  @media (min-width: 768px) {
    .bg-drop-11 {
      display: initial; } }
  .bg-drop-11::after {
    content: '';
    position: absolute;
    padding: 1.287362494rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-12 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 38%;
  left: 96%;
  border: 1px solid #2d3340;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.847772466s;
  display: none; }
  @media (min-width: 768px) {
    .bg-drop-12 {
      display: initial; } }
  .bg-drop-12::after {
    content: '';
    position: absolute;
    padding: 0.4523746669rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-13 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 83%;
  left: 57%;
  border: 1px solid #40495b;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6523858396s;
  display: none; }
  @media (min-width: 768px) {
    .bg-drop-13 {
      display: initial; } }
  .bg-drop-13::after {
    content: '';
    position: absolute;
    padding: 1.0649295786rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-14 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 11%;
  left: 68%;
  border: 1px solid #1a1e25;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8088622532s;
  display: none; }
  @media (min-width: 768px) {
    .bg-drop-14 {
      display: initial; } }
  .bg-drop-14::after {
    content: '';
    position: absolute;
    padding: 1.0788086858rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-15 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 5%;
  left: 57%;
  border: 1px solid #444e61;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0014731706s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-15 {
      display: initial; } }
  .bg-drop-15::after {
    content: '';
    position: absolute;
    padding: 1.1658283258rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-16 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 48%;
  left: 100%;
  border: 1px solid #2b313d;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5229036551s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-16 {
      display: initial; } }
  .bg-drop-16::after {
    content: '';
    position: absolute;
    padding: 1.2175333639rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-17 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 74%;
  left: 95%;
  border: 1px solid #1e222b;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8459844388s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-17 {
      display: initial; } }
  .bg-drop-17::after {
    content: '';
    position: absolute;
    padding: 0.9011327466rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-18 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 115%;
  left: 70%;
  border: 1px solid #3c4455;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1506786956s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-18 {
      display: initial; } }
  .bg-drop-18::after {
    content: '';
    position: absolute;
    padding: 1.2765027777rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-19 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 28%;
  left: 80%;
  border: 1px solid #0d0f13;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7968575894s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-19 {
      display: initial; } }
  .bg-drop-19::after {
    content: '';
    position: absolute;
    padding: 0.9017405934rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-20 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 48%;
  left: 62%;
  border: 1px solid #444e61;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0436955085s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-20 {
      display: initial; } }
  .bg-drop-20::after {
    content: '';
    position: absolute;
    padding: 0.3491605914rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-21 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 2%;
  left: 54%;
  border: 1px solid #16191f;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1244975373s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-21 {
      display: initial; } }
  .bg-drop-21::after {
    content: '';
    position: absolute;
    padding: 1.0419643909rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-22 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 3%;
  left: 62%;
  border: 1px solid #1c2028;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3405305868s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-22 {
      display: initial; } }
  .bg-drop-22::after {
    content: '';
    position: absolute;
    padding: 0.4583462338rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-23 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 77%;
  left: 87%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2115807114s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-23 {
      display: initial; } }
  .bg-drop-23::after {
    content: '';
    position: absolute;
    padding: 0.5287130883rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-24 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 8%;
  left: 90%;
  border: 1px solid #2d3340;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1080972081s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-24 {
      display: initial; } }
  .bg-drop-24::after {
    content: '';
    position: absolute;
    padding: 1.0310490789rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-25 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 75%;
  left: 98%;
  border: 1px solid #121419;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3034953011s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-25 {
      display: initial; } }
  .bg-drop-25::after {
    content: '';
    position: absolute;
    padding: 0.5765448323rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-26 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 20%;
  left: 97%;
  border: 1px solid #1e222b;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0723440657s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-26 {
      display: initial; } }
  .bg-drop-26::after {
    content: '';
    position: absolute;
    padding: 0.720423533rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-27 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 69%;
  left: 73%;
  border: 1px solid #242a34;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9183266518s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-27 {
      display: initial; } }
  .bg-drop-27::after {
    content: '';
    position: absolute;
    padding: 0.8481625084rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-28 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 3%;
  left: 71%;
  border: 1px solid #515c73;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5969642613s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-28 {
      display: initial; } }
  .bg-drop-28::after {
    content: '';
    position: absolute;
    padding: 1.0160198752rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-29 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 32%;
  left: 68%;
  border: 1px solid #465064;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2900394957s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-29 {
      display: initial; } }
  .bg-drop-29::after {
    content: '';
    position: absolute;
    padding: 0.5214228811rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-30 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 101%;
  left: 80%;
  border: 1px solid #40495b;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3249184389s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-30 {
      display: initial; } }
  .bg-drop-30::after {
    content: '';
    position: absolute;
    padding: 1.1209070263rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-31 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 98%;
  left: 95%;
  border: 1px solid #16191f;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0300107291s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-31 {
      display: initial; } }
  .bg-drop-31::after {
    content: '';
    position: absolute;
    padding: 0.3706908898rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-32 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 95%;
  left: 65%;
  border: 1px solid #394252;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0742901586s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-32 {
      display: initial; } }
  .bg-drop-32::after {
    content: '';
    position: absolute;
    padding: 0.3675094379rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-33 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 21%;
  left: 88%;
  border: 1px solid #424b5e;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.961337245s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-33 {
      display: initial; } }
  .bg-drop-33::after {
    content: '';
    position: absolute;
    padding: 0.8402883744rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-34 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 106%;
  left: 93%;
  border: 1px solid #4a556a;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.728036367s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-34 {
      display: initial; } }
  .bg-drop-34::after {
    content: '';
    position: absolute;
    padding: 0.7954979068rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-35 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 65%;
  left: 64%;
  border: 1px solid #272c37;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3493974779s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-35 {
      display: initial; } }
  .bg-drop-35::after {
    content: '';
    position: absolute;
    padding: 0.5546581338rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-36 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 8%;
  left: 79%;
  border: 1px solid #0d0f13;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1276363835s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-36 {
      display: initial; } }
  .bg-drop-36::after {
    content: '';
    position: absolute;
    padding: 0.4370662633rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-37 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 62%;
  left: 98%;
  border: 1px solid #2b313d;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0431370301s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-37 {
      display: initial; } }
  .bg-drop-37::after {
    content: '';
    position: absolute;
    padding: 0.8309043492rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-38 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 99%;
  left: 54%;
  border: 1px solid #333a49;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.4518759981s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-38 {
      display: initial; } }
  .bg-drop-38::after {
    content: '';
    position: absolute;
    padding: 1.2625643918rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-39 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 46%;
  left: 75%;
  border: 1px solid #444e61;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6569820646s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-39 {
      display: initial; } }
  .bg-drop-39::after {
    content: '';
    position: absolute;
    padding: 0.7350988502rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-40 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 106%;
  left: 70%;
  border: 1px solid #242a34;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.647610144s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-40 {
      display: initial; } }
  .bg-drop-40::after {
    content: '';
    position: absolute;
    padding: 1.024465211rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-41 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 13%;
  left: 89%;
  border: 1px solid #4c576d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.4872187665s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-41 {
      display: initial; } }
  .bg-drop-41::after {
    content: '';
    position: absolute;
    padding: 1.270372082rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-42 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 117%;
  left: 67%;
  border: 1px solid #394252;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.4739178421s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-42 {
      display: initial; } }
  .bg-drop-42::after {
    content: '';
    position: absolute;
    padding: 1.2071404227rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-43 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 33%;
  left: 93%;
  border: 1px solid #465064;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5931282619s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-43 {
      display: initial; } }
  .bg-drop-43::after {
    content: '';
    position: absolute;
    padding: 0.428207395rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-44 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 90%;
  left: 67%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2987851139s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-44 {
      display: initial; } }
  .bg-drop-44::after {
    content: '';
    position: absolute;
    padding: 0.66782477rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-45 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 109%;
  left: 61%;
  border: 1px solid #14161c;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.077220535s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-45 {
      display: initial; } }
  .bg-drop-45::after {
    content: '';
    position: absolute;
    padding: 0.3250954195rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-46 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 85%;
  left: 82%;
  border: 1px solid #14161c;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1605438513s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-46 {
      display: initial; } }
  .bg-drop-46::after {
    content: '';
    position: absolute;
    padding: 1.026019488rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-47 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 12%;
  left: 100%;
  border: 1px solid #1c2028;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9838409712s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-47 {
      display: initial; } }
  .bg-drop-47::after {
    content: '';
    position: absolute;
    padding: 0.4146738539rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-48 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 77%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8528732239s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-48 {
      display: initial; } }
  .bg-drop-48::after {
    content: '';
    position: absolute;
    padding: 0.4332331392rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-49 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 92%;
  left: 60%;
  border: 1px solid #3e4658;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8320881103s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-49 {
      display: initial; } }
  .bg-drop-49::after {
    content: '';
    position: absolute;
    padding: 0.9256040933rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-50 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 15%;
  left: 75%;
  border: 1px solid #424b5e;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9709239785s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-50 {
      display: initial; } }
  .bg-drop-50::after {
    content: '';
    position: absolute;
    padding: 0.3531058377rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-51 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 68%;
  left: 55%;
  border: 1px solid #373f4f;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1763684331s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-51 {
      display: initial; } }
  .bg-drop-51::after {
    content: '';
    position: absolute;
    padding: 1.2400674011rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-52 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 20%;
  left: 62%;
  border: 1px solid #4a556a;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6149095775s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-52 {
      display: initial; } }
  .bg-drop-52::after {
    content: '';
    position: absolute;
    padding: 1.2023659391rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-53 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 25%;
  left: 60%;
  border: 1px solid #40495b;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8019242608s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-53 {
      display: initial; } }
  .bg-drop-53::after {
    content: '';
    position: absolute;
    padding: 0.5597990959rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-54 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 48%;
  left: 56%;
  border: 1px solid #394252;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5028523613s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-54 {
      display: initial; } }
  .bg-drop-54::after {
    content: '';
    position: absolute;
    padding: 0.8613725764rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-55 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 85%;
  left: 85%;
  border: 1px solid #292e3a;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7754528734s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-55 {
      display: initial; } }
  .bg-drop-55::after {
    content: '';
    position: absolute;
    padding: 1.282430837rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-56 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 59%;
  left: 96%;
  border: 1px solid #222731;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.681732558s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-56 {
      display: initial; } }
  .bg-drop-56::after {
    content: '';
    position: absolute;
    padding: 1.2376830192rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-57 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 53%;
  left: 64%;
  border: 1px solid #121419;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2395957658s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-57 {
      display: initial; } }
  .bg-drop-57::after {
    content: '';
    position: absolute;
    padding: 1.1874563429rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-58 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 51%;
  left: 94%;
  border: 1px solid #2d3340;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5783222577s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-58 {
      display: initial; } }
  .bg-drop-58::after {
    content: '';
    position: absolute;
    padding: 0.5787632608rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-59 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 99%;
  left: 85%;
  border: 1px solid #373f4f;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2636546978s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-59 {
      display: initial; } }
  .bg-drop-59::after {
    content: '';
    position: absolute;
    padding: 0.9673671699rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-60 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 89%;
  left: 73%;
  border: 1px solid #333a49;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9843809395s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-60 {
      display: initial; } }
  .bg-drop-60::after {
    content: '';
    position: absolute;
    padding: 0.9780511869rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-61 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 24%;
  left: 98%;
  border: 1px solid #424b5e;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2812531395s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-61 {
      display: initial; } }
  .bg-drop-61::after {
    content: '';
    position: absolute;
    padding: 0.8122553911rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-62 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 81%;
  left: 55%;
  border: 1px solid #0f1216;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8737574092s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-62 {
      display: initial; } }
  .bg-drop-62::after {
    content: '';
    position: absolute;
    padding: 0.3356004782rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-63 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 66%;
  left: 57%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7363453958s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-63 {
      display: initial; } }
  .bg-drop-63::after {
    content: '';
    position: absolute;
    padding: 0.3863100186rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-64 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 109%;
  left: 80%;
  border: 1px solid #373f4f;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.829964257s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-64 {
      display: initial; } }
  .bg-drop-64::after {
    content: '';
    position: absolute;
    padding: 0.4253974502rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-65 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 114%;
  left: 67%;
  border: 1px solid #121419;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2468097047s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-65 {
      display: initial; } }
  .bg-drop-65::after {
    content: '';
    position: absolute;
    padding: 1.0939551773rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-66 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 69%;
  left: 58%;
  border: 1px solid #2d3340;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8673290434s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-66 {
      display: initial; } }
  .bg-drop-66::after {
    content: '';
    position: absolute;
    padding: 0.7666996083rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-67 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 10%;
  left: 86%;
  border: 1px solid #2b313d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2229441796s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-67 {
      display: initial; } }
  .bg-drop-67::after {
    content: '';
    position: absolute;
    padding: 0.4401332544rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-68 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 103%;
  left: 55%;
  border: 1px solid #181b22;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0603099593s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-68 {
      display: initial; } }
  .bg-drop-68::after {
    content: '';
    position: absolute;
    padding: 1.2132612293rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-69 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 119%;
  left: 74%;
  border: 1px solid #373f4f;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9578605805s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-69 {
      display: initial; } }
  .bg-drop-69::after {
    content: '';
    position: absolute;
    padding: 0.4918211744rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-70 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 63%;
  left: 69%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2144007938s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-70 {
      display: initial; } }
  .bg-drop-70::after {
    content: '';
    position: absolute;
    padding: 0.5552077839rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-71 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 9%;
  left: 99%;
  border: 1px solid #485267;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6775142088s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-71 {
      display: initial; } }
  .bg-drop-71::after {
    content: '';
    position: absolute;
    padding: 0.982010824rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-72 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 14%;
  left: 53%;
  border: 1px solid #1a1e25;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.1843062956s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-72 {
      display: initial; } }
  .bg-drop-72::after {
    content: '';
    position: absolute;
    padding: 0.6776030923rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-73 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 58%;
  left: 67%;
  border: 1px solid #2d3340;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9704888382s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-73 {
      display: initial; } }
  .bg-drop-73::after {
    content: '';
    position: absolute;
    padding: 1.0475362192rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-74 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 68%;
  border: 1px solid #242a34;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5333753069s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-74 {
      display: initial; } }
  .bg-drop-74::after {
    content: '';
    position: absolute;
    padding: 0.3207425644rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-75 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 43%;
  left: 95%;
  border: 1px solid #313846;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2437475398s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-75 {
      display: initial; } }
  .bg-drop-75::after {
    content: '';
    position: absolute;
    padding: 1.2627181321rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-76 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 48%;
  left: 56%;
  border: 1px solid #16191f;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5790099782s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-76 {
      display: initial; } }
  .bg-drop-76::after {
    content: '';
    position: absolute;
    padding: 0.640908527rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-77 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 92%;
  left: 77%;
  border: 1px solid #222731;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0526120467s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-77 {
      display: initial; } }
  .bg-drop-77::after {
    content: '';
    position: absolute;
    padding: 0.6980542209rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-78 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 12%;
  left: 72%;
  border: 1px solid #222731;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3735846767s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-78 {
      display: initial; } }
  .bg-drop-78::after {
    content: '';
    position: absolute;
    padding: 1.2719174267rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-79 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 119%;
  left: 51%;
  border: 1px solid #465064;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8863758998s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-79 {
      display: initial; } }
  .bg-drop-79::after {
    content: '';
    position: absolute;
    padding: 0.8717890155rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-80 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 45%;
  left: 69%;
  border: 1px solid #465064;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7043618518s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-80 {
      display: initial; } }
  .bg-drop-80::after {
    content: '';
    position: absolute;
    padding: 0.4313835506rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-81 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 61%;
  left: 65%;
  border: 1px solid #292e3a;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0356973016s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-81 {
      display: initial; } }
  .bg-drop-81::after {
    content: '';
    position: absolute;
    padding: 0.5191991804rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-82 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 52%;
  left: 83%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6173259681s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-82 {
      display: initial; } }
  .bg-drop-82::after {
    content: '';
    position: absolute;
    padding: 1.1220891969rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-83 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 97%;
  left: 84%;
  border: 1px solid #4c576d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8978449242s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-83 {
      display: initial; } }
  .bg-drop-83::after {
    content: '';
    position: absolute;
    padding: 0.9523940881rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-84 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 54%;
  left: 81%;
  border: 1px solid #090a0d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.064579659s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-84 {
      display: initial; } }
  .bg-drop-84::after {
    content: '';
    position: absolute;
    padding: 0.3505979107rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-85 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 15%;
  left: 90%;
  border: 1px solid #4c576d;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8611477496s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-85 {
      display: initial; } }
  .bg-drop-85::after {
    content: '';
    position: absolute;
    padding: 1.0458799193rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-86 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 23%;
  left: 99%;
  border: 1px solid #1c2028;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.3224750598s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-86 {
      display: initial; } }
  .bg-drop-86::after {
    content: '';
    position: absolute;
    padding: 0.4591217649rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-87 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 65%;
  left: 88%;
  border: 1px solid #0d0f13;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.8845173022s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-87 {
      display: initial; } }
  .bg-drop-87::after {
    content: '';
    position: absolute;
    padding: 0.8751582934rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0f1216;
    z-index: -1; }

.bg-drop-88 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 32%;
  left: 70%;
  border: 1px solid #1e222b;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.5820099119s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-88 {
      display: initial; } }
  .bg-drop-88::after {
    content: '';
    position: absolute;
    padding: 0.6788605378rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-89 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 26%;
  left: 71%;
  border: 1px solid #1c2028;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.044572522s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-89 {
      display: initial; } }
  .bg-drop-89::after {
    content: '';
    position: absolute;
    padding: 1.0902742363rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-90 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 82%;
  left: 97%;
  border: 1px solid #485267;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.059853733s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-90 {
      display: initial; } }
  .bg-drop-90::after {
    content: '';
    position: absolute;
    padding: 1.0125589676rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-91 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 24%;
  left: 59%;
  border: 1px solid #424b5e;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7386948821s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-91 {
      display: initial; } }
  .bg-drop-91::after {
    content: '';
    position: absolute;
    padding: 0.3051083542rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-92 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 23%;
  left: 74%;
  border: 1px solid #313846;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7445573285s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-92 {
      display: initial; } }
  .bg-drop-92::after {
    content: '';
    position: absolute;
    padding: 1.2237644625rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-93 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 28%;
  left: 90%;
  border: 1px solid #4a556a;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7939519067s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-93 {
      display: initial; } }
  .bg-drop-93::after {
    content: '';
    position: absolute;
    padding: 0.3133030257rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-94 {
  position: absolute;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  top: 82%;
  left: 53%;
  border: 1px solid #353d4c;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.2560590599s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-94 {
      display: initial; } }
  .bg-drop-94::after {
    content: '';
    position: absolute;
    padding: 0.3175160411rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

.bg-drop-95 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 79%;
  left: 100%;
  border: 1px solid #485267;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9461687913s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-95 {
      display: initial; } }
  .bg-drop-95::after {
    content: '';
    position: absolute;
    padding: 0.3458984176rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-96 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 81%;
  left: 75%;
  border: 1px solid #272c37;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6281048798s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-96 {
      display: initial; } }
  .bg-drop-96::after {
    content: '';
    position: absolute;
    padding: 0.4929951548rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-97 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 90%;
  left: 88%;
  border: 1px solid #2f3643;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.6147795791s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-97 {
      display: initial; } }
  .bg-drop-97::after {
    content: '';
    position: absolute;
    padding: 0.4412441092rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #121419;
    z-index: -1; }

.bg-drop-98 {
  position: absolute;
  z-index: -1;
  width: 4rem;
  height: 4rem;
  top: 64%;
  left: 64%;
  border: 1px solid #3e4658;
  animation-name: appear;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.7160613116s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-98 {
      display: initial; } }
  .bg-drop-98::after {
    content: '';
    position: absolute;
    padding: 0.3286578632rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #090a0d;
    z-index: -1; }

.bg-drop-99 {
  position: absolute;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  top: 28%;
  left: 75%;
  border: 1px solid #353d4c;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.4139873041s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-99 {
      display: initial; } }
  .bg-drop-99::after {
    content: '';
    position: absolute;
    padding: 0.5238254128rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0d0f13;
    z-index: -1; }

.bg-drop-100 {
  position: absolute;
  z-index: -1;
  width: 1rem;
  height: 1rem;
  top: 101%;
  left: 72%;
  border: 1px solid #272c37;
  animation-name: appear;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 1.0897159544s;
  display: none; }
  @media (min-width: 992px) {
    .bg-drop-100 {
      display: initial; } }
  .bg-drop-100::after {
    content: '';
    position: absolute;
    padding: 0.9637870341rem;
    width: 2px;
    height: 100%;
    top: -300%;
    left: calc(50% - 2px);
    background: #0b0d10;
    z-index: -1; }

#stack-engraving {
  writing-mode: vertical-rl;
  width: 100%;
  height: 150px; }

#header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
  transition: 0.5s; }
  @media (min-width: 768px) {
    #header {
      padding-top: 1rem;
      padding-bottom: 1rem; } }
  #header .navbar .navbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #header .navbar .navbar-avatar {
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    border: none;
    border-radius: 50%;
    box-shadow: -1px 1px 0 2px #389dff, 1px -1px 0 2px black;
    user-select: none;
    transition: 0.3s; }
    #header .navbar .navbar-avatar:hover {
      box-shadow: 0 0 0 3px #389dff; }
      #header .navbar .navbar-avatar:hover::after {
        content: 'Hire me 😎';
        position: absolute;
        width: 100px;
        display: inline-flex;
        align-items: center;
        top: 30%;
        left: calc(100% + 0.5rem);
        font-family: "JetBrains Mono", monospace;
        font-size: 14px;
        line-height: 1;
        background: #07080a;
        border-radius: 20px;
        padding: 0.25rem 0.5rem;
        box-shadow: 1px 1px 0 2px #73819d; }
    #header .navbar .navbar-avatar img {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      transition: 0.3s;
      background: #fff;
      transition: 0.3s; }
      @media (min-width: 768px) {
        #header .navbar .navbar-avatar img {
          width: 60px;
          height: 60px; } }
  #header .navbar .navbar-menu #navbar-menu-toggler {
    background: none;
    border: none;
    padding: 0.25rem;
    transition: 0.3s;
    cursor: pointer; }
    @media (min-width: 768px) {
      #header .navbar .navbar-menu #navbar-menu-toggler {
        display: none; } }
    #header .navbar .navbar-menu #navbar-menu-toggler span {
      display: flex;
      height: 0.25rem;
      width: 4rem;
      border-radius: 10px;
      transition: 0.3s;
      margin-left: auto;
      margin-right: auto; }
    #header .navbar .navbar-menu #navbar-menu-toggler span:nth-child(2) {
      margin-top: 0.3rem;
      margin-bottom: 0.3rem; }
  #header .navbar .navbar-menu .navbar-nav {
    width: 70vw;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 3rem);
    right: -1rem;
    border-radius: 10px 0 0 10px;
    padding: 2rem 0 2rem 2rem;
    box-shadow: -2px -2px 0 2px #fff;
    background-image: linear-gradient(-45deg, #86710a 20% 35%, #07080a 100%);
    animation: slide-in 0.3s linear; }
    #header .navbar .navbar-menu .navbar-nav.navbar-collapse {
      display: none; }
      @media (min-width: 768px) {
        #header .navbar .navbar-menu .navbar-nav.navbar-collapse {
          display: flex; } }
      #header .navbar .navbar-menu .navbar-nav.navbar-collapse.show {
        display: flex; }
    #header .navbar .navbar-menu .navbar-nav .nav-item:not(:last-child) {
      margin-bottom: 1.5rem;
      margin-left: auto; }
      @media (min-width: 768px) {
        #header .navbar .navbar-menu .navbar-nav .nav-item:not(:last-child) {
          margin-left: unset; } }
    #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social {
      justify-content: start;
      align-items: center; }
      #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social .social-link {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        border-radius: 50%;
        box-shadow: 5px 5px 0px #07090a, -5px -5px 0px #1d2328, -6px -6px 0px #333b42;
        border: 1px solid #272c37;
        background: #07080a;
        color: #fff;
        transition: 0.3s; }
        #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social .social-link:not(:last-child) {
          margin-right: 0.5rem; }
        #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social .social-link:active, #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social .social-link:focus, #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social .social-link:hover {
          background: #fff;
          color: #07080a; }
    #header .navbar .navbar-menu .navbar-nav .nav-link {
      padding: 0.5rem 2.5rem;
      margin-left: auto;
      background: #efcc20;
      color: #07080a;
      border-radius: 0.25rem 0 0 0.25rem;
      text-decoration: none;
      font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
      font-size: 20px;
      font-weight: 600;
      user-select: none;
      transition: 0.3s;
      box-shadow: 0 0 0 3px #07080a, -4px -4px 0 3px dodgerblue; }
      #header .navbar .navbar-menu .navbar-nav .nav-link:active, #header .navbar .navbar-menu .navbar-nav .nav-link:hover {
        color: #07080a;
        background: #9e850b; }
      @media (min-width: 768px) {
        #header .navbar .navbar-menu .navbar-nav .nav-link:last-child {
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem; } }
    @media (min-width: 768px) {
      #header .navbar .navbar-menu .navbar-nav {
        padding: 0;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: initial;
        animation: unset;
        right: initial;
        top: initial;
        background: initial;
        box-shadow: initial; }
        #header .navbar .navbar-menu .navbar-nav:active, #header .navbar .navbar-menu .navbar-nav:focus, #header .navbar .navbar-menu .navbar-nav:hover {
          padding-left: initial; }
        #header .navbar .navbar-menu .navbar-nav .nav-item {
          width: initial;
          margin-bottom: 0 !important; }
        #header .navbar .navbar-menu .navbar-nav .nav-item.nav-social {
          margin-left: 1rem;
          justify-content: start;
          align-items: center; }
        #header .navbar .navbar-menu .navbar-nav .nav-link {
          font-size: 18px; } }

@keyframes slide-in {
  0% {
    right: -245px; }
  100% {
    right: 0; } }
@keyframes rays {
  50% {
    color: #07080a;
    box-shadow: 0 0 2px 1px dodgerblue; }
  0%,
  100%,
  90% {
    color: #fff;
    box-shadow: 0 0 0 1px #07080a; } }
@keyframes appear {
  0% {
    display: none; }
  50% {
    display: initial;
    background: #0a0c0e; } }
section#intro {
  position: relative;
  transition: 0.5s;
  z-index: -1;
  margin-bottom: calc(100vh * 0.2); }
  section#intro.scrolled {
    transition: 0.5s; }
    section#intro.scrolled::after {
      display: none !important;
      transition: 0.5s; }
  section#intro::before {
    content: 'Welcome';
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    font-family: "JetBrains Mono", monospace;
    font-size: calc(100vh * 0.2);
    font-weight: bolder;
    line-height: 120px;
    letter-spacing: -20px;
    opacity: 0.4;
    overflow: hidden;
    background: linear-gradient(45deg, #fff 20%, #5a88bf 30%);
    background: -webkit-linear-gradient(45deg, #fff 10%, #474747 20%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent; }
  section#intro .col:first-child {
    width: 100%; }
    @media (min-width: 768px) {
      section#intro .col:first-child {
        width: 70%; } }
    @media (min-width: 992px) {
      section#intro .col:first-child {
        width: 50%; } }
    section#intro .col:first-child .mega-title {
      font-size: 4em;
      color: #fff; }
      @media (min-width: 768px) {
        section#intro .col:first-child .mega-title {
          font-size: 5em; } }
      @media (min-width: 992px) {
        section#intro .col:first-child .mega-title {
          font-size: 6em; } }

.form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #888888;
  border-radius: 5px;
  background: #07080a !important;
  color: #fff !important;
  font-size: 1rem;
  font-family: "JetBrains Mono", monospace; }
  .form-control:focus {
    box-shadow: 0 0 2px 2px dodgerblue;
    background: #fff;
    color: #07080a; }

.ff-primary {
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !important; }

.ff-secondary {
  font-family: sans-serif !important; }

.ff-mono {
  font-family: "JetBrains Mono", monospace !important; }

.fw-lighter {
  font-weight: lighter !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-bold {
  font-weight: bold !important; }

.fw-bolder {
  font-weight: bolder !important; }

.text-primary {
  color: dodgerblue !important; }

.text-secondary {
  color: #efcc20 !important; }

.text-dark {
  color: #07080a !important; }

.text-grey {
  color: #edf2f8 !important; }

.text-white {
  color: #fff !important; }

.text-muted {
  color: #888888 !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.fs-16 {
  font-size: 16px !important; }

.fs-17 {
  font-size: 17px !important; }

.fs-18 {
  font-size: 18px !important; }

.fs-19 {
  font-size: 19px !important; }

.fs-20 {
  font-size: 20px !important; }

.fs-21 {
  font-size: 21px !important; }

.fs-22 {
  font-size: 22px !important; }

.fs-23 {
  font-size: 23px !important; }

.fs-24 {
  font-size: 24px !important; }

.fs-25 {
  font-size: 25px !important; }

.fs-26 {
  font-size: 26px !important; }

.fs-27 {
  font-size: 27px !important; }

.fs-28 {
  font-size: 28px !important; }

.fs-29 {
  font-size: 29px !important; }

.fs-30 {
  font-size: 30px !important; }

.fs-31 {
  font-size: 31px !important; }

.fs-32 {
  font-size: 32px !important; }

.fs-33 {
  font-size: 33px !important; }

.fs-34 {
  font-size: 34px !important; }

.fs-35 {
  font-size: 35px !important; }

.fs-36 {
  font-size: 36px !important; }

.fs-37 {
  font-size: 37px !important; }

.fs-38 {
  font-size: 38px !important; }

.fs-39 {
  font-size: 39px !important; }

.fs-40 {
  font-size: 40px !important; }

.fs-41 {
  font-size: 41px !important; }

.fs-42 {
  font-size: 42px !important; }

.fs-43 {
  font-size: 43px !important; }

.fs-44 {
  font-size: 44px !important; }

.fs-45 {
  font-size: 45px !important; }

.fs-46 {
  font-size: 46px !important; }

.fs-47 {
  font-size: 47px !important; }

.fs-48 {
  font-size: 48px !important; }

.fs-49 {
  font-size: 49px !important; }

.fs-50 {
  font-size: 50px !important; }

.fs-51 {
  font-size: 51px !important; }

.fs-52 {
  font-size: 52px !important; }

.fs-53 {
  font-size: 53px !important; }

.fs-54 {
  font-size: 54px !important; }

.fs-55 {
  font-size: 55px !important; }

.fs-56 {
  font-size: 56px !important; }

.fs-57 {
  font-size: 57px !important; }

.fs-58 {
  font-size: 58px !important; }

.fs-59 {
  font-size: 59px !important; }

.fst-italic {
  font-style: italic !important; }

.lh-1 {
  line-height: 1; }

.lh-2 {
  line-height: 1.5; }

.lh-normal {
  line-height: normal; }

.text-clip {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent; }
  .text-clip > *::-moz-selection, .text-clip::-moz-selection {
    background: #efcc20;
    background-clip: initial !important;
    -webkit-background-clip: none !important;
    -webkit-text-fill-color: #07080a !important; }
  .text-clip > *::selection, .text-clip::selection {
    background: #efcc20;
    background-clip: initial !important;
    -webkit-background-clip: none !important;
    -webkit-text-fill-color: #07080a !important; }

.text-gradient-1 {
  background: linear-gradient(-90deg, #92f1c3, #569df0);
  background: -webkit-linear-gradient(-90deg, #92f1c3, #569df0); }

.text-gradient-2 {
  background: linear-gradient(-75deg, #ff7170, #ffe57f);
  background: -webkit-linear-gradient(-75deg, #ff7170, #ffe57f); }

.text-gradient-3 {
  background: linear-gradient(45deg, dodgerblue 10%, #fff 90%);
  background: -webkit-linear-gradient(45deg, dodgerblue 10%, #fff 90%); }

.text-gradient-4 {
  background: linear-gradient(90deg, #fff 10%, #a4bddb 90%);
  background: -webkit-linear-gradient(90deg, #fff 10%, #a4bddb 90%); }

.bg-primary {
  background-color: dodgerblue; }

.bg-secondary {
  background-color: #efcc20; }

.bg-dark {
  background-color: #07080a; }

.bg-grey {
  background-color: #edf2f8; }

.bg-white {
  background-color: #fff; }

.bg-muted {
  background-color: #888888; }

.container,
.container-0 {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }
@media (min-width: 768px) {
  .container {
    max-width: 720px; } }
@media (min-width: 992px) {
  .container {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }
.row {
  display: flex;
  flex-wrap: wrap; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.flex-wrap {
  flex-wrap: wrap-reverse; }

.col {
  position: relative;
  width: 100%; }

.m-auto {
  margin: auto; }

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

@media (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
@media (min-width: 768px) {
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
@media (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
@media (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

@media (min-width: 576px) {
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; } }
@media (min-width: 768px) {
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; } }
@media (min-width: 992px) {
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; } }
@media (min-width: 1200px) {
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; } }
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

@media (min-width: 576px) {
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; } }
@media (min-width: 768px) {
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; } }
@media (min-width: 992px) {
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; } }
@media (min-width: 1200px) {
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; } }
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

@media (min-width: 576px) {
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }
@media (min-width: 768px) {
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }
@media (min-width: 992px) {
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }
@media (min-width: 1200px) {
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

@media (min-width: 576px) {
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; } }
@media (min-width: 768px) {
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; } }
@media (min-width: 992px) {
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; } }
@media (min-width: 1200px) {
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; } }
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

@media (min-width: 576px) {
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important; } }
@media (min-width: 768px) {
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important; } }
@media (min-width: 992px) {
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important; } }
@media (min-width: 1200px) {
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important; } }
.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

@media (min-width: 576px) {
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }
@media (min-width: 768px) {
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }
@media (min-width: 992px) {
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }
@media (min-width: 1200px) {
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important; }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }
.p-0 {
  padding: 0 !important; }

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0 !important; } }
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important; } }
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0 !important; } }
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important; } }
.p-1 {
  padding: 0.25rem !important; }

@media (min-width: 576px) {
  .p-sm-1 {
    padding: 0.25rem !important; } }
@media (min-width: 768px) {
  .p-md-1 {
    padding: 0.25rem !important; } }
@media (min-width: 992px) {
  .p-lg-1 {
    padding: 0.25rem !important; } }
@media (min-width: 1200px) {
  .p-xl-1 {
    padding: 0.25rem !important; } }
.p-2 {
  padding: 0.5rem !important; }

@media (min-width: 576px) {
  .p-sm-2 {
    padding: 0.5rem !important; } }
@media (min-width: 768px) {
  .p-md-2 {
    padding: 0.5rem !important; } }
@media (min-width: 992px) {
  .p-lg-2 {
    padding: 0.5rem !important; } }
@media (min-width: 1200px) {
  .p-xl-2 {
    padding: 0.5rem !important; } }
.p-3 {
  padding: 1rem !important; }

@media (min-width: 576px) {
  .p-sm-3 {
    padding: 1rem !important; } }
@media (min-width: 768px) {
  .p-md-3 {
    padding: 1rem !important; } }
@media (min-width: 992px) {
  .p-lg-3 {
    padding: 1rem !important; } }
@media (min-width: 1200px) {
  .p-xl-3 {
    padding: 1rem !important; } }
.p-4 {
  padding: 1.5rem !important; }

@media (min-width: 576px) {
  .p-sm-4 {
    padding: 1.5rem !important; } }
@media (min-width: 768px) {
  .p-md-4 {
    padding: 1.5rem !important; } }
@media (min-width: 992px) {
  .p-lg-4 {
    padding: 1.5rem !important; } }
@media (min-width: 1200px) {
  .p-xl-4 {
    padding: 1.5rem !important; } }
.p-5 {
  padding: 3rem !important; }

@media (min-width: 576px) {
  .p-sm-5 {
    padding: 3rem !important; } }
@media (min-width: 768px) {
  .p-md-5 {
    padding: 3rem !important; } }
@media (min-width: 992px) {
  .p-lg-5 {
    padding: 3rem !important; } }
@media (min-width: 1200px) {
  .p-xl-5 {
    padding: 3rem !important; } }
.m-0 {
  margin: 0 !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; } }
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; } }
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; } }
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; } }
.m-1 {
  margin: 0.25rem !important; }

@media (min-width: 576px) {
  .m-sm-1 {
    margin: 0.25rem !important; } }
@media (min-width: 768px) {
  .m-md-1 {
    margin: 0.25rem !important; } }
@media (min-width: 992px) {
  .m-lg-1 {
    margin: 0.25rem !important; } }
@media (min-width: 1200px) {
  .m-xl-1 {
    margin: 0.25rem !important; } }
.m-2 {
  margin: 0.5rem !important; }

@media (min-width: 576px) {
  .m-sm-2 {
    margin: 0.5rem !important; } }
@media (min-width: 768px) {
  .m-md-2 {
    margin: 0.5rem !important; } }
@media (min-width: 992px) {
  .m-lg-2 {
    margin: 0.5rem !important; } }
@media (min-width: 1200px) {
  .m-xl-2 {
    margin: 0.5rem !important; } }
.m-3 {
  margin: 1rem !important; }

@media (min-width: 576px) {
  .m-sm-3 {
    margin: 1rem !important; } }
@media (min-width: 768px) {
  .m-md-3 {
    margin: 1rem !important; } }
@media (min-width: 992px) {
  .m-lg-3 {
    margin: 1rem !important; } }
@media (min-width: 1200px) {
  .m-xl-3 {
    margin: 1rem !important; } }
.m-4 {
  margin: 1.5rem !important; }

@media (min-width: 576px) {
  .m-sm-4 {
    margin: 1.5rem !important; } }
@media (min-width: 768px) {
  .m-md-4 {
    margin: 1.5rem !important; } }
@media (min-width: 992px) {
  .m-lg-4 {
    margin: 1.5rem !important; } }
@media (min-width: 1200px) {
  .m-xl-4 {
    margin: 1.5rem !important; } }
.m-5 {
  margin: 3rem !important; }

@media (min-width: 576px) {
  .m-sm-5 {
    margin: 3rem !important; } }
@media (min-width: 768px) {
  .m-md-5 {
    margin: 3rem !important; } }
@media (min-width: 992px) {
  .m-lg-5 {
    margin: 3rem !important; } }
@media (min-width: 1200px) {
  .m-xl-5 {
    margin: 3rem !important; } }
.pl-0 {
  padding-left: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pl-4 {
  padding-left: 1.5rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pr-4 {
  padding-right: 1.5rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pl-5 {
  padding-left: 3rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pr-5 {
  padding-right: 3rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ml-0 {
  margin-left: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.ml-4 {
  margin-left: 1.5rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mr-4 {
  margin-right: 1.5rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.ml-5 {
  margin-left: 3rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mr-5 {
  margin-right: 3rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0 !important; }

  .pt-sm-0 {
    padding-top: 0 !important; }

  .pr-sm-0 {
    padding-right: 0 !important; }

  .pb-sm-0 {
    padding-bottom: 0 !important; }

  .pl-sm-1 {
    padding-left: 0.25rem !important; }

  .pt-sm-1 {
    padding-top: 0.25rem !important; }

  .pr-sm-1 {
    padding-right: 0.25rem !important; }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }

  .pl-sm-2 {
    padding-left: 0.5rem !important; }

  .pt-sm-2 {
    padding-top: 0.5rem !important; }

  .pr-sm-2 {
    padding-right: 0.5rem !important; }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }

  .pl-sm-3 {
    padding-left: 1rem !important; }

  .pt-sm-3 {
    padding-top: 1rem !important; }

  .pr-sm-3 {
    padding-right: 1rem !important; }

  .pb-sm-3 {
    padding-bottom: 1rem !important; }

  .pl-sm-4 {
    padding-left: 1.5rem !important; }

  .pt-sm-4 {
    padding-top: 1.5rem !important; }

  .pr-sm-4 {
    padding-right: 1.5rem !important; }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }

  .pl-sm-5 {
    padding-left: 3rem !important; }

  .pt-sm-5 {
    padding-top: 3rem !important; }

  .pr-sm-5 {
    padding-right: 3rem !important; }

  .pb-sm-5 {
    padding-bottom: 3rem !important; }

  .ml-sm-0 {
    margin-left: 0 !important; }

  .mt-sm-0 {
    margin-top: 0 !important; }

  .mr-sm-0 {
    margin-right: 0 !important; }

  .mb-sm-0 {
    margin-bottom: 0 !important; }

  .ml-sm-1 {
    margin-left: 0.25rem !important; }

  .mt-sm-1 {
    margin-top: 0.25rem !important; }

  .mr-sm-1 {
    margin-right: 0.25rem !important; }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }

  .ml-sm-2 {
    margin-left: 0.5rem !important; }

  .mt-sm-2 {
    margin-top: 0.5rem !important; }

  .mr-sm-2 {
    margin-right: 0.5rem !important; }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }

  .ml-sm-3 {
    margin-left: 1rem !important; }

  .mt-sm-3 {
    margin-top: 1rem !important; }

  .mr-sm-3 {
    margin-right: 1rem !important; }

  .mb-sm-3 {
    margin-bottom: 1rem !important; }

  .ml-sm-4 {
    margin-left: 1.5rem !important; }

  .mt-sm-4 {
    margin-top: 1.5rem !important; }

  .mr-sm-4 {
    margin-right: 1.5rem !important; }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }

  .ml-sm-5 {
    margin-left: 3rem !important; }

  .mt-sm-5 {
    margin-top: 3rem !important; }

  .mr-sm-5 {
    margin-right: 3rem !important; }

  .mb-sm-5 {
    margin-bottom: 3rem !important; } }
@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0 !important; }

  .pt-md-0 {
    padding-top: 0 !important; }

  .pr-md-0 {
    padding-right: 0 !important; }

  .pb-md-0 {
    padding-bottom: 0 !important; }

  .pl-md-1 {
    padding-left: 0.25rem !important; }

  .pt-md-1 {
    padding-top: 0.25rem !important; }

  .pr-md-1 {
    padding-right: 0.25rem !important; }

  .pb-md-1 {
    padding-bottom: 0.25rem !important; }

  .pl-md-2 {
    padding-left: 0.5rem !important; }

  .pt-md-2 {
    padding-top: 0.5rem !important; }

  .pr-md-2 {
    padding-right: 0.5rem !important; }

  .pb-md-2 {
    padding-bottom: 0.5rem !important; }

  .pl-md-3 {
    padding-left: 1rem !important; }

  .pt-md-3 {
    padding-top: 1rem !important; }

  .pr-md-3 {
    padding-right: 1rem !important; }

  .pb-md-3 {
    padding-bottom: 1rem !important; }

  .pl-md-4 {
    padding-left: 1.5rem !important; }

  .pt-md-4 {
    padding-top: 1.5rem !important; }

  .pr-md-4 {
    padding-right: 1.5rem !important; }

  .pb-md-4 {
    padding-bottom: 1.5rem !important; }

  .pl-md-5 {
    padding-left: 3rem !important; }

  .pt-md-5 {
    padding-top: 3rem !important; }

  .pr-md-5 {
    padding-right: 3rem !important; }

  .pb-md-5 {
    padding-bottom: 3rem !important; }

  .ml-md-0 {
    margin-left: 0 !important; }

  .mt-md-0 {
    margin-top: 0 !important; }

  .mr-md-0 {
    margin-right: 0 !important; }

  .mb-md-0 {
    margin-bottom: 0 !important; }

  .ml-md-1 {
    margin-left: 0.25rem !important; }

  .mt-md-1 {
    margin-top: 0.25rem !important; }

  .mr-md-1 {
    margin-right: 0.25rem !important; }

  .mb-md-1 {
    margin-bottom: 0.25rem !important; }

  .ml-md-2 {
    margin-left: 0.5rem !important; }

  .mt-md-2 {
    margin-top: 0.5rem !important; }

  .mr-md-2 {
    margin-right: 0.5rem !important; }

  .mb-md-2 {
    margin-bottom: 0.5rem !important; }

  .ml-md-3 {
    margin-left: 1rem !important; }

  .mt-md-3 {
    margin-top: 1rem !important; }

  .mr-md-3 {
    margin-right: 1rem !important; }

  .mb-md-3 {
    margin-bottom: 1rem !important; }

  .ml-md-4 {
    margin-left: 1.5rem !important; }

  .mt-md-4 {
    margin-top: 1.5rem !important; }

  .mr-md-4 {
    margin-right: 1.5rem !important; }

  .mb-md-4 {
    margin-bottom: 1.5rem !important; }

  .ml-md-5 {
    margin-left: 3rem !important; }

  .mt-md-5 {
    margin-top: 3rem !important; }

  .mr-md-5 {
    margin-right: 3rem !important; }

  .mb-md-5 {
    margin-bottom: 3rem !important; } }
@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0 !important; }

  .pt-lg-0 {
    padding-top: 0 !important; }

  .pr-lg-0 {
    padding-right: 0 !important; }

  .pb-lg-0 {
    padding-bottom: 0 !important; }

  .pl-lg-1 {
    padding-left: 0.25rem !important; }

  .pt-lg-1 {
    padding-top: 0.25rem !important; }

  .pr-lg-1 {
    padding-right: 0.25rem !important; }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }

  .pl-lg-2 {
    padding-left: 0.5rem !important; }

  .pt-lg-2 {
    padding-top: 0.5rem !important; }

  .pr-lg-2 {
    padding-right: 0.5rem !important; }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }

  .pl-lg-3 {
    padding-left: 1rem !important; }

  .pt-lg-3 {
    padding-top: 1rem !important; }

  .pr-lg-3 {
    padding-right: 1rem !important; }

  .pb-lg-3 {
    padding-bottom: 1rem !important; }

  .pl-lg-4 {
    padding-left: 1.5rem !important; }

  .pt-lg-4 {
    padding-top: 1.5rem !important; }

  .pr-lg-4 {
    padding-right: 1.5rem !important; }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }

  .pl-lg-5 {
    padding-left: 3rem !important; }

  .pt-lg-5 {
    padding-top: 3rem !important; }

  .pr-lg-5 {
    padding-right: 3rem !important; }

  .pb-lg-5 {
    padding-bottom: 3rem !important; }

  .ml-lg-0 {
    margin-left: 0 !important; }

  .mt-lg-0 {
    margin-top: 0 !important; }

  .mr-lg-0 {
    margin-right: 0 !important; }

  .mb-lg-0 {
    margin-bottom: 0 !important; }

  .ml-lg-1 {
    margin-left: 0.25rem !important; }

  .mt-lg-1 {
    margin-top: 0.25rem !important; }

  .mr-lg-1 {
    margin-right: 0.25rem !important; }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }

  .ml-lg-2 {
    margin-left: 0.5rem !important; }

  .mt-lg-2 {
    margin-top: 0.5rem !important; }

  .mr-lg-2 {
    margin-right: 0.5rem !important; }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }

  .ml-lg-3 {
    margin-left: 1rem !important; }

  .mt-lg-3 {
    margin-top: 1rem !important; }

  .mr-lg-3 {
    margin-right: 1rem !important; }

  .mb-lg-3 {
    margin-bottom: 1rem !important; }

  .ml-lg-4 {
    margin-left: 1.5rem !important; }

  .mt-lg-4 {
    margin-top: 1.5rem !important; }

  .mr-lg-4 {
    margin-right: 1.5rem !important; }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }

  .ml-lg-5 {
    margin-left: 3rem !important; }

  .mt-lg-5 {
    margin-top: 3rem !important; }

  .mr-lg-5 {
    margin-right: 3rem !important; }

  .mb-lg-5 {
    margin-bottom: 3rem !important; } }
@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0 !important; }

  .pt-xl-0 {
    padding-top: 0 !important; }

  .pr-xl-0 {
    padding-right: 0 !important; }

  .pb-xl-0 {
    padding-bottom: 0 !important; }

  .pl-xl-1 {
    padding-left: 0.25rem !important; }

  .pt-xl-1 {
    padding-top: 0.25rem !important; }

  .pr-xl-1 {
    padding-right: 0.25rem !important; }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }

  .pl-xl-2 {
    padding-left: 0.5rem !important; }

  .pt-xl-2 {
    padding-top: 0.5rem !important; }

  .pr-xl-2 {
    padding-right: 0.5rem !important; }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }

  .pl-xl-3 {
    padding-left: 1rem !important; }

  .pt-xl-3 {
    padding-top: 1rem !important; }

  .pr-xl-3 {
    padding-right: 1rem !important; }

  .pb-xl-3 {
    padding-bottom: 1rem !important; }

  .pl-xl-4 {
    padding-left: 1.5rem !important; }

  .pt-xl-4 {
    padding-top: 1.5rem !important; }

  .pr-xl-4 {
    padding-right: 1.5rem !important; }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }

  .pl-xl-5 {
    padding-left: 3rem !important; }

  .pt-xl-5 {
    padding-top: 3rem !important; }

  .pr-xl-5 {
    padding-right: 3rem !important; }

  .pb-xl-5 {
    padding-bottom: 3rem !important; }

  .ml-xl-0 {
    margin-left: 0 !important; }

  .mt-xl-0 {
    margin-top: 0 !important; }

  .mr-xl-0 {
    margin-right: 0 !important; }

  .mb-xl-0 {
    margin-bottom: 0 !important; }

  .ml-xl-1 {
    margin-left: 0.25rem !important; }

  .mt-xl-1 {
    margin-top: 0.25rem !important; }

  .mr-xl-1 {
    margin-right: 0.25rem !important; }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }

  .ml-xl-2 {
    margin-left: 0.5rem !important; }

  .mt-xl-2 {
    margin-top: 0.5rem !important; }

  .mr-xl-2 {
    margin-right: 0.5rem !important; }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }

  .ml-xl-3 {
    margin-left: 1rem !important; }

  .mt-xl-3 {
    margin-top: 1rem !important; }

  .mr-xl-3 {
    margin-right: 1rem !important; }

  .mb-xl-3 {
    margin-bottom: 1rem !important; }

  .ml-xl-4 {
    margin-left: 1.5rem !important; }

  .mt-xl-4 {
    margin-top: 1.5rem !important; }

  .mr-xl-4 {
    margin-right: 1.5rem !important; }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }

  .ml-xl-5 {
    margin-left: 3rem !important; }

  .mt-xl-5 {
    margin-top: 3rem !important; }

  .mr-xl-5 {
    margin-right: 3rem !important; }

  .mb-xl-5 {
    margin-bottom: 3rem !important; } }

/*# sourceMappingURL=style.css.map */