@font-face {
    font-family: 'Alkhemikal';
    src: url("../fonts/alkh.75a88f715cc1.ttf") format('truetype');
}

@font-face {
    font-family: 'Quaver';
    src: url("../fonts/quav.7428402f685a.ttf") format('truetype');
}

.nav {
    background: #222227;
}

.nav-link {
    font-family: 'Quaver';
    transition: color .35s ease-in-out,background-color .35s ease-in-out,border-color .35s ease-in-out
}

.nav-link:hover {
    color: #fff;
}

.card {
    background: #2a2a30;
    border-color: #33333a;
}

#background-video {
    width: 100%;
    border-radius: 1rem;
}

.btn-caps {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.font-alkhemikal {
    font-family: 'Alkhemikal';
}

.font-quaver {
    font-family: 'Quaver';
}

.announcement-bg {
    background: linear-gradient(90deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.gradient-quotemark {
  background: linear-gradient(90deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.gradient-text {
  background: linear-gradient(90deg, rgba(253, 29, 29, 1) 0%, rgba(252, 176, 69, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}