@import url('https://fonts.googleapis.com/css2?family=Syne Mono:wght@400;700&display=swap');

* { font-family: 'Syne Mono', sans-serif; }

body {
  background: url("../images/bg.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
}

.bg-card {
  background-color: rgba(33, 33, 33, 0.5);
}

a {
  text-decoration: none;
}

.neon {
  color: #fff;
  text-shadow:
    0 0 7px #D50000,
    0 0 10px #D50000,
    0 0 21px #D50000,
    0 0 42px #C200EE,
    0 0 82px #C200EE,
    0 0 92px #C200EE,
    0 0 102px #C200EE,
    0 0 151px #C200EE;
}

.fa-beat {
  animation:fa-beat 5s ease infinite;
}

@keyframes fa-beat {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.125);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.125);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.125);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.125);
  }
  80% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.125);
  }
}

@media (min-width: 992px) {
  body {
    background: url("../images/bg-sandman.png"), url("../images/bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 75%, cover;
  }

  .mx-lg-9 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}