@font-face {
	font-family: HelveticaNeue;
	src: url('/fonts/helvetica-neue-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Courier Std';
	src: url('/fonts/courier-std.woff2') format('woff2'), url('/fonts/courier-std.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--margin: 24px;
	--default-font-size: 12px;
	--title-font-size: 1.2rem;
	--background-color: #101010;
	--color: #FFFFFF;

	touch-action: pan-x pan-y;
}

html {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-family: inherit;
	cursor: default;
	-webkit-tap-highlight-color: transparent;
	height: 100%;
}

body {
	font-family: 'Courier Std', Helvetica;
	font-weight: bold;
	text-transform: uppercase;
	height: 100%;
}

main {
	height: 100%;
}

a, button, body, div, footer, h1, h2, header, html, img, li, nav, p, span, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

a, div, footer, h1, h2, header, img, li, nav, p, span, ul, button {
	font-family: inherit;
	font-weight: inherit;
}

li, ul {
	list-style: none
}

a {
	color: inherit;
	text-decoration: none
}

a, button, span {
	font-size: var(--default-font-size);
}

a, img, picture, svg, video {
	display: block
}

img, svg, video {
	width: 100%;
	height: auto
}

svg {
	height: 100%
}

progress[value] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

/* Utility */

.hidden {
	display: none !important;
}

@media (max-width: 575.98px) {
	.hidden-sm {
		display: none !important;
	}
}

@media (min-width: 575.99px) {
	.hidden-md {
		display: none !important;
	}
}

@media (max-width: 575.98px) {
	.flex-break-sm {
		flex-basis: 100%;
		display: unset;
	}

	.flex-quarter-sm {
		flex-basis: 25%;
		display: unset;
	}
}

@media (min-width: 575.99px) {
	.flex-break-sm {
		display: none;
	}

	.flex-quarter-sm {
		display: none;
	}
}