.navbar-brand.text-center.text-lowercase.rivermarabutton {
  color: rgba(247,247,247,0.9);
  border-radius: 54px;
  padding: 5px 15px;
  padding-right: 10px;
  border-width: 2px;
  border-style: solid;
  border-top-color: var(--pink);
  border-right-color: var(--light);
  border-bottom-color: var(--light);
  border-left-color: var(--pink);
}

.text-neongreen {
  color: #c3f400;
}

.full-height {
  height: calc(100vh - 126px);
}

.full-page {
  width: 100%;
  height: 100vh;
}

.bg1 {
  animation: slide 8s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #c3f400 50%, var(--pink) 0%);
  bottom: 0;
  left: -50%;
  opacity: .3;
  position: fixed;
  right: -50%;
  top: 0;
  z-index: -1;
  filter: blur(2px);
}

.bg2 {
  animation-direction: alternate-reverse;
  background-image: linear-gradient(-57deg, #c3f400 50%, var(--pink) 0%);
  left: -60%;
  animation-duration: 10s;
}

.bg3 {
  animation-duration: 12s;
  background-image: linear-gradient(-63deg, #c3f400 50%, var(--pink) 0%);
}

.bg-pic {
  bottom: 0;
  opacity: .3;
  position: fixed;
  top: 70px;
  filter: blur(1px);
}

@keyframes slide {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}

.text-swap {
  animation: colorswap 3s ease-in-out infinite alternate;
}

@keyframes colorswap {
  0% {
    color: var(--pink);
  }
  100% {
    color: #c3f400;
  }
}

#title-swap {
  position: relative;
}

#title-swap img {
  width: 75%;
  position: absolute;
  left: 0;
}

.top-slide {
  animation: image-keys 1s ease-in-out infinite alternate;
}

@keyframes image-keys {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.neon-pink-border {
  border-top: 6px solid #c3f400;
  border-right: 6px solid var(--pink);
  border-bottom: 6px solid var(--pink);
  border-left: 6px solid #c3f400;
}

@media (min-width: 960px) {
  .neon-pink-border {
    border-width: 10px;
  }
}

img.cover {
  width: 75%;
}

@media screen and (min-width: 960px) {
  img.cover {
    width: 100%;
  }
}

.double-border {
  border-style: solid;
  border-right-color: var(--white);
  border-bottom-color: rgba(247,247,247,0.9);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.double-border:hover {
  border-style: solid;
  border-left-color: rgba(247,247,247,0.9);
  border-top-color: rgba(247,247,247,0.9);
  border-right-color: inherit;
  border-bottom-color: inherit;
}

.scrollbox {
  overflow-y: auto;
  overflow-x: hidden;
  background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 99%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
}

.scrollbox::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

.scrollbox::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
  background: linear-gradient(90deg, rgba(0,0,0,0) 42%, rgba(85,85,85,1) 50%, rgba(0,0,0,0) 58%);
}

.scrollbox::-webkit-scrollbar-thumb {
  background: linear-gradient(115deg, rgba(195,244,0,1) 0%, rgba(195,244,0,1) 40%, rgba(232,62,140,1) 60%, rgba(232,62,140,1) 100%);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.scrollbox::-webkit-scrollbar-thumb:hover {
  -moz-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
}