.scroll-downs {
  position: absolute;
  top: 1;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 2em auto;
  width :20px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 5px 10px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

/* Custom Scrollbar */

html::-webkit-scrollbar {
       width: .2em;
  }
html::-webkit-scrollbar-track {
      background-size: 10px 10px;
    }
html::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 100px;
    border: 2px solid #999;
    box-shadow: inset 1px 1px 5px #151517;
   }