.download-link {
  color: #fffc;
}

.rshade-grey {
  background: linear-gradient(to right, #2a3439, #85868a);
  transition:  ease 3s;
}

.rshade-cherry {
  background: linear-gradient(to right, #493240, #f09) !important;
}

.rshade-blue {
  background: linear-gradient(to right, #373b44, #4286f4) !important;
}

.rshade-green {
  background: linear-gradient(to right, #0a504a, #38ef7d) !important;
}

.rshade-orange {
  background: linear-gradient(to right, #a86008, #ffba56) !important;
}


.text-outline {
  text-shadow: var(--color-shade) 1px 0px 1px, var(--color-shade) 1px 1px 1px, var(--color-shade) 0px 1px 1px, var(--color-shade) 0px -1px 1px, var(--color-shade) -1px 0px 1px, var(--color-shade) -1px -1px 1px, var(--color-shade) 0px -1px 1px, var(--color-shade) 1px -1px 1px;
}

.text-shadow-black {
  text-shadow: black 1px 0px 1px, black -1px 0px 1px, black 0px 1px 1px, black 0px -1px 1px;
}

.text-shadow-grey {
  text-shadow: #333 1px 0px 1px, #333 -1px 0px 1px, #333 0px 1px 1px, #333 0px -1px 1px;
}


.text-shadow-white {
  text-shadow: white 1px 0px 1px, white -1px 0px 1px, white 0px 1px 1px, white 0px -1px 1px;
}


.shaded-black {
  box-shadow: #0009 0px 0px 30px;
}


.black-shade {
  text-shadow: rgb(0,0,0) 2px 0px 3px, rgb(0,0,0) -2px 0px 3px, rgb(0,0,0) 0px 2px 3px, rgb(0,0,0) 0px -2px 3px;
}


.shaded-yellow {
  background-image: none, linear-gradient(to bottom,#fad600 0,#deab1d 100%);
}

.shaded-blue {
  background-image: none, linear-gradient(to bottom,#a0abb0 0,#01354a 100%);
  color: white;
}


.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.background-video {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.8;
}



@keyframes fadeInOut {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  70% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}