.scroll {
	position: absolute;
	margin-top: -150px;
	text-align: center;
	z-index: 20;
	width: 100%;
}

.arrow {
	display: inline-block;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}

.arrow-pink {
	border-top: 3px solid #FF65B6;
	border-right: 3px solid #FF65B6;
}

.arrow-green {
	border-top: 3px solid #D1E200;
	border-right: 3px solid #D1E200;
}

.arrow-white {
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(135deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(135deg) translate(10px, -10px);
  }
  40% {
    -webkit-transform: rotate(135deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(135deg) translate(0, 0);
  }
  20% {
    transform: rotate(135deg) translate(10px, -10px);
  }
  40% {
    transform: rotate(135deg) translate(0, 0);
  }
}