.app-header {
  background-color: #2c0047!important;
      font-family: HappyHalloween; /* use font */
          text-shadow: 1px 1px 2px #000000;
}
.horizontal-logo {
    font-family: HalloweenNightmare; /* set name */

}
@font-face {
  font-family: HappyHalloween; /* set name */
  src: url(HappyHalloween.ttf); /* url of the font */
}

@font-face {
  font-family: HalloweenNightmare; /* set name */
  src: url(HalloweenNightmare.ttf); /* url of the font */
}


.btn-danger {
    background-color: #ffb718!important;
    border-color: #ffb718!important;
    color: #fff !important;
          font-family: HalloweenNightmare; /* use font */
          text-shadow: 1px 1px 2px #2b0047;
          font-weight: bold;

}

.btn-info {
    background-color: #ffb718!important;
    border-color: #ffb718!important;
    color: #fff !important;
          font-family: HalloweenNightmare; /* use font */
          text-shadow: 1px 1px 2px #2b0047;
          font-weight: bold;

}

.btn-primary {
    background-color: #ffb718!important;
    border-color: #ffb718!important;
    color: #fff !important;
          font-family: HalloweenNightmare; /* use font */
          text-shadow: 1px 1px 2px #2b0047;
          font-weight: bold;

}

.btn-success {
    background-color: #ffb718!important;
    border-color: #ffb718!important;
    color: #fff !important;
          font-family: HalloweenNightmare; /* use font */
          text-shadow: 1px 1px 2px #2b0047;
          font-weight: bold;

}

.spooky-ghost {
	position: absolute;
	bottom: -30px;
	animation: spooky 5s linear infinite;
}

.spooky-left-1 {
	left: 10%;
	animation-duration: 4s;
	animation-delay: 0.5s;
}

.spooky-left-2 {
	left: 20%;
	animation-duration: 10.5s;
	animation-delay: 0.1s;
}

.spooky-right-1 {
	right: 10%;
	animation-duration: 10.2s;
	animation-delay: 0.2s;
}

.spooky-right-2 {
	right: 20%;
	animation-duration: 3.8s;
	animation-delay: 0.3s;
}

.spooky-ghost svg {
	fill: white;
}

@keyframes spooky {
	from {
		bottom: -10px;
	}
	to {
		bottom: 100%;
	}
}

.card-img-overlay {
    position: absolute;
    top: 0;
              font-family: HappyHalloween!important; /* use font */

    right: 0;
    bottom: 0;
    background-color: #26004585;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
    text-shadow: 1px 1px 2px #2b0047;
}

    .card-img-overlay:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    right: 0;
    top: -10px;
    height: 100%;
    background: url(https://upictu.re/up/1760536292119056.png);
    background-repeat: no-repeat;
}