.e5-soundversum-container {
	width: 100vw;
	height: 342px;
	overflow: hidden;
	position: relative;
	margin-left: -50vw;
	left: 50%;
}

.e5-soundversum-waveform {
	width: 300vw;
	min-width: 2732px;
	height: 100%;

	background: url('/modules/mod_e5soundversum/images/waveform.svg') 0% 0% repeat;
	animation-name: waveform;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	opacity: 0.4;
}

@keyframes waveform {
	0% { transform: translateX(0px); }
	100% { transform: translateX(-1366px); }
}

.e5-bigword-container,
.e5-smallword-container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
}

.e5-bigword {
	position: absolute;
	top: calc(50% - 32px);
	text-align: center;
	width: 100%;
	height: 64px;

	transition: all 2s;

	font-weight: 600;
	font-size: 42px;
	opacity: 0;
	transform: scale(1.5);
}

.e5-bigword.visible {
	opacity: 1;
	transform: scale(1);
}

.e5-smallword {
	animation-name: smallword;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: 1;

	display: block;
	position: absolute;
	width: 100%;
	font-size: 22px;
}

@keyframes smallword {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}
