body {
	overflow: hidden;
	width: 100% !important;
	position: relative;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	margin-top: 0.25em;
	color: var(--secondary-s);
	font-family: "Space Mono", sans-serif;
}
.credits {
	position: absolute;
	display: block;
	width: 100%;
	white-space: pre-wrap;
	text-align: center;
	font-size: 40px;
	line-height: 1.1;
	animation: scroll 10s linear;
	transition: all 0.5s;
	top: 100%; /* off screen */
	padding-bottom: 1080px;
	color: var(--white);
	letter-spacing: 0.035em;
	text-shadows: 0 2px rgba(var(--dark-text-color-rgb), 0.8);
	opacity: 0;
}
.credits:hover {
	animation-play-state: paused !important;
}
.visible .credits,
.roll.credits {
	animation: scroll 100s linear;
	transition: all 0.5s;
	opacity: 1;
}

.debug .credits {
	top: 0;
	overflow-y: scroll;
	animation: none;
	height: 100%;
	opacity: 1;
}
.preview {
	background-color: gray;
}
.preview .credits {
	animation: scroll 20s linear;
	transition: all 0.5s;
	opacity: 1;
}

b {
	font-size: 40px;
	font-family: "Satoshi", sans-serif;
}
i {
	font-family: "Satoshi", sans-serif;
	color: var(--light-text-color);
	font-style: normal;
	letter-spacing: -0.015em;
	font-size: 30px;
}
small {
	font-size: 0.6em;
	line-height: 0.8;
	margin: -5px 0;
}

@keyframes scroll {
 0% {
	top: 100%;
 }
 90% {
	top: calc(-100% + 1080px);
 }
 96% {
	top: calc(-100% + 1080px);
	opacity: 1;
 }
 100% {
	top: calc(-100% + 1200px);
	opacity: 0;
 }
}