main {
	overflow-y: scroll;

	position: fixed;
	top: 0; left: 0;

	width: 100%; height: 100%;
}

.content {
	position: absolute;
	left: 0;
	width: 100%; height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
}

.radio {
	width: 80%;
	box-sizing: border-box;

	padding: 1%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

h4 {
	color: rgba(200, 200, 200, 1);
	text-shadow: 2px 0 0 black, 0 -2px 0 black, 0 2px 0 black, -2px 0 0 black;

	margin: 0; padding: 0;

	font-size: 2vw;
	line-height: 3vw;

	text-decoration: underline 2px;
}

#details {
	overflow: hidden;

	width: 100%;

	margin-top: 3vh;
	margin-bottom: 5vh;
}

h2, h3 {
	display: inline-block;

	color: rgba(250, 250, 250, 1);
	text-shadow: 2px 0 0 black, 0 -2px 0 black, 0 2px 0 black, -2px 0 0 black;

	min-width: 100%;
	margin: 0; padding: 0;

	text-align: center;
	text-wrap: nowrap;
}

h2 {
	font-size: 5vw;
	line-height: 6vw;
}

h3 {
	font-size: 3vw;
	line-height: 4vw;
}

.animation {
	animation: scroll 5s ease-in-out infinite alternate;
}

@keyframes scroll {
	0% {transform: translateX(5%);}
	100% {transform: translateX(calc(-105% + var(--offset)));}
}

audio {
	width: 100%;
}

video {
	width: 100%;
}