html,body {
	background-color: white;
	box-sizing: border-box;
	width:100vw;
	max-width: 100vw;
	min-height:100vh;
	margin:0;
	position: absolute;
	overflow: hidden;
}

.wrapper {
	position: absolute;
	width:100vw;
	max-width: 100vw;
	height:100vh;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#banner {
	flex-shrink: 0;
	background-color:grey;
	overflow: hidden;
	transform-origin: center center;
}

#header {
	font-size: 15px;
	color: black;
	font-family: 'Roboto', sans-serif;
	height:40px;
}

#linklist {
	font-size: 18px;
	color: black;
	font-family: 'Roboto', sans-serif;
}

.bannerlink {
	margin-bottom: 15px;
}

#replayholder {
	padding-top:40px;
}

#replay {
	margin-top:-40px;
	width: 40px;
	height: 40px;
	background-image: url('images/round_replay_black_18dp.png');
	background-position: center;
	background-size: 75%;
	background-repeat: no-repeat;
	border-radius: 50%;
	transition: all 0.1s linear;
	cursor: pointer;
}

#replay:hover {
	background-color: rgba(0,200,150,0.75);
}

#replay:active {
	background-color: rgba(0,200,150,1);
}

iframe {
	border: 0px;
}