* {
	 box-sizing: border-box;
}

 .scroll-bound {
	 height: 500vh;
	display: flex;
        justify-content: center;
}
 .scroll-bound .videoContent {
	 height: 100vh;
	 width: 100%;
	 position: sticky;
	 top: 0;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 .scroll-bound video {
	 height: 100%;
	 max-width: 100%
}

@keyframes arrowPulse {
  0% {filter: brightness(0.25);}
  50% {filter: brightness(0.75);}
  100% {filter: brightness(0.25);}
}

.arrow {
    height:64px; 
    width:64px;
    
    animation-name: arrowPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.arrow:hover {
    filter: brightness(1.0);
    animation-name: '';
}