.DocumentList{
	overflow-x:scroll;
    overflow-y:hidden;
    height:20%;
    width:100%;
    padding: 0 15px;
}



h2.logo {
  font-family: "Euphemia UCAS";
  
  font-weight: normal;
  color: #FF0000;
}

.options1{

margin-left : 5px;
margin-top : 10px;
height : 50px;
width:98%;
overflow: auto;
white-space:nowrap;
border : 1px solid;
}

.scrollOption{
display : inline-block;
width : 30%;
height: 70%;
font-weight:bold;
border : 1px solid;
text-align :center;


}



.top-buffer{
margin-top:5%;
}

.character{
float:left;
}

.arrow-up {
	margin : 10px 0 0 10px;
	width: 0; 
	height: 0; 
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	
	border-bottom: 35px solid black;
}

.arrow-down {
	margin : 10px 0 0 10px;
	width: 0; 
	height: 0; 
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	
	border-top: 35px solid #f00;
}

.square { 
margin : 10px 0 0 10px;
width: 70px; 
height: 40px;
 border : 2px solid black; 
 font-family: bold;
 text-align: center;
 font-size : 20px;
 }

#triangle-up { 
width: 0; 
height: 0; 
border-left: 50px solid transparent; 
border-right: 50px solid transparent;
 border-bottom: 100px solid red; 
 }