.scroll-down{
  position: absolute;
  bottom:5vh;
  left: 45%;
  margin: auto;
  width :60px;
  height: 55px;
  text-align: center;
}
.scroll-mouse {
  margin:auto;
  width: 3px;
  padding: 7.5px 10px;
  height: 25px;
  border: 2px solid #1b1b1b;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #1b1b1b;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
.scroll-down>p{
  margin-top:.75rem;
  color:#1b1b1b;
  font-family: "Open Sans", sans-serif;
  animation-name: blink;
  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;}
}
@keyframes blink {
  0% { opacity: .1; }
  10% { transform: translateY(0); opacity: .75; }
  100% { transform: translateY(5px); opacity: 0;}
}