.mw-parser-output{
	position: left top;
	display: hidden;
}

.horizontal-scroll-wrapper {
	margin-top: 10vw;
	width: 100px;
	height: 600px;
	overflow-y: auto;
	overflow-x: hidden; 
	transform: rotate(-90deg) translateY(-100px);
	transform-origin: right top;
	padding-left: 300px;
}

.horizontal-scroll-wrapper > div {
	width: 100px;
	height: 100px;
	transform: rotate(90deg);
	transform-origin: right top;


}

.item {
	padding-top: 5px;
	/*padding-left: 70px;*/
}

img {
	width: 70%;
	height: 70%;

}

img:hover {
	width:100%; 
	transition:0.5s;
	height: 100%;
}

.title {
	font-family: Arial;
	font-size: 10px;
	text-align: center;
}


.date {
	font-family: Arial;
	font-size: 10px;