@font-face {
   font-family: jmh-typewriter;
   src: url('jmh-typewriter-mono.ttf') format('truetype');
}

@font-face {
   font-family: jmh-typewriter-bold;
   src: url('jmh-typewriter-mono-bold.ttf') format('truetype');
}

h1, h2, h3, p, li, .footer-bar, th, td {
	font-family: jmh-typewriter;
}

h1, h2, h3, b {
	font-family: jmh-typewriter-bold;
	font-weight: normal;
}

#has-scrolling {
	position: relative;
	overflow: hidden;
}

.max-section:has(> #scrolling) {
	position: relative;
	overflow: hidden;
}

#scrolling {
	display: inline;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	animation: my-animation 3s linear infinite;
}

@keyframes my-animation {
	from {
		margin-left: -285ch;
	}
	to {
		margin-left: -315ch;
	}
}

.blur {
	filter: blur(3px);
	transition: all .5s;
}

.blur:hover {
	filter: none;
}