.scroll {
    height: 75px;
    width: 75px;
    &:before {
      animation: bounce 1s ease infinite;
      bottom: 2rem;
      color: #c2cbcb;
      content: '╲╱';
      font-size: 2rem;
      height: 4rem;
      top: 20%;
      left: 50%;
      letter-spacing: -1px;
      line-height: 4rem;
      margin-left: -3rem;
      opacity: 0.8;
      position: absolute;
      text-align: center;
      width: 6rem;
    }
  }

@keyframes bounce {
  50% {
    transform: translateY(-50%);
  }

  100% {
    transform: translateY(0);
  }
}

#banner-scroll {
  bottom: 10%;
  .scroll {
    &:before {
      color: $white;
    }
  }
}