.meta, .stars, .tags, .player, .videos {
	float: left;
	color: white;
	margin-right: 5px;
	text-align: center;
}
.menuBar {
	color: white;
	text-align: center;
	width: 100%;
}
.menuItem {
	float: left;
	margin: 0 10px;
}
.tagList, .starList, .videoList {
	height: 100%;
	float: left;
}
.tagList {
	max-width: 200px;
	min-width: 150px;
}
.starList {
	width: 100%;
	min-width: 200px;
	text-align: center;
}
.videoList {
	width: calc(100% - 200px);
	min-width: 200px;
	text-align: center;
}
ul {
	padding-inline-start: 1px;
}
li {
	display: block;
}
h1, h2, ul, a {
	color: white;
	margin: 0;
}
h1 {
	padding-left: 10px;
}
body {
	background-color: black;
}
.starPic {
	width: 200px;
	height: 300px;
	background-size: 200px 300px !important;
	background-repeat: no-repeat !important;
}
.videoPreviewHoriz {
	width: 320px;
	height: 230px;
	overflow: hidden;
}
.videoPreviewHoriz .inner {
	height: 180px;
	width: 6400px;
	background-repeat: no-repeat !important;
	display: block;
}
.videoPreviewHoriz:hover .inner, .videoPreviewHoriz:focus .inner {
	animation: swapHoriz;
	animation-timing-function: steps(1, jump-start);
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
@keyframes swapHoriz {
	0% {transform: translate3d(0px, 0, 0)}
	5% {transform: translate3d(-320px, 0, 0)}
	10% {transform: translate3d(-640px, 0, 0)}
	15% {transform: translate3d(-960px, 0, 0)}
	20% {transform: translate3d(-1280px, 0, 0)}
	25% {transform: translate3d(-1600px, 0, 0)}
	30% {transform: translate3d(-1920px, 0, 0)}
	35% {transform: translate3d(-2240px, 0, 0)}
	40% {transform: translate3d(-2560px, 0, 0)}
	45% {transform: translate3d(-2880px, 0, 0)}
	50% {transform: translate3d(-3200px, 0, 0)}
	55% {transform: translate3d(-3520px, 0, 0)}
	60% {transform: translate3d(-3840px, 0, 0)}
	65% {transform: translate3d(-4160px, 0, 0)}
	70% {transform: translate3d(-4480px, 0, 0)}
	75% {transform: translate3d(-4800px, 0, 0)}
	80% {transform: translate3d(-5120px, 0, 0)}
	85% {transform: translate3d(-5440px, 0, 0)}
	90% {transform: translate3d(-5760px, 0, 0)}
	95% {transform: translate3d(-6080px, 0, 0)}
}
.videoPreviewVert {
	width: 202px;
	height: 410px;
	overflow: hidden;
}
.videoPreviewVert .inner {
	height: 360px;
	width: 4040px;
	background-repeat: no-repeat !important;
	display: block;
}
.videoPreviewVert:hover .inner, .videoPreviewVert:focus .inner {
	animation: swapVert;
	animation-timing-function: steps(1, jump-start);
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
@keyframes swapVert {
	0% {transform: translate3d(0px, 0, 0)}
	5% {transform: translate3d(-202px, 0, 0)}
	10% {transform: translate3d(-404px, 0, 0)}
	15% {transform: translate3d(-606px, 0, 0)}
	20% {transform: translate3d(-808px, 0, 0)}
	25% {transform: translate3d(-1010px, 0, 0)}
	30% {transform: translate3d(-1212px, 0, 0)}
	35% {transform: translate3d(-1414px, 0, 0)}
	40% {transform: translate3d(-1616px, 0, 0)}
	45% {transform: translate3d(-1818px, 0, 0)}
	50% {transform: translate3d(-2020px, 0, 0)}
	55% {transform: translate3d(-2222px, 0, 0)}
	60% {transform: translate3d(-2424px, 0, 0)}
	65% {transform: translate3d(-2626px, 0, 0)}
	70% {transform: translate3d(-2828px, 0, 0)}
	75% {transform: translate3d(-3030px, 0, 0)}
	80% {transform: translate3d(-3232px, 0, 0)}
	85% {transform: translate3d(-3434px, 0, 0)}
	90% {transform: translate3d(-3636px, 0, 0)}
	95% {transform: translate3d(-3838px, 0, 0)}
}