#scroll-container {
	position: fixed;
	top: 15vh;
	height: 80vh;
	width: 50vw;
	left: 25vw;
	border: 5px solid black;
	border-radius: 10px;
	overflow-x: hidden;
	overflow-y:scroll;
	z-index: 100;
	background-color: rgb(0,0,0, 0.6);
	color: white;
	display: none;
}

#scroll-text {
	text-align: center;
	font-size: 2vh;
	line-height: 3vh;
}

.animate {  
  /* animation properties 
  -moz-transform: translateY(25%);
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
  
  -moz-animation: scroll 25s linear infinite;
  -webkit-animation: scroll 25s linear infinite;
  animation: scroll 25s linear infinite;*/
}

/* for Firefox 
@-moz-keyframes scroll {
  from { -moz-transform: translateY(25%); }
  to { -moz-transform: translateY(-100%); }*/
}

/* for Chrome 
@-webkit-keyframes scroll {
  from { -webkit-transform: translateY(25%); }
  to { -webkit-transform: translateY(-100%); }
}
@keyframes scroll {
  from {
    -moz-transform: translateY(25%);
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
  }
  to {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }*/
}