@font-face {
	font-family: "gotham";
	src:
		url( "Gotham Bold_Rom.ttf" ) format( "truetype" )
	;
}
html,
body {
	margin: 0;
	padding: 0;
	min-width: 100svw;
	min-height: 100svh;
	/*overflow: hidden;*/
}
body {
	display: grid;
	grid-template-columns: 1fr 90svw 1fr;
	grid-template-rows: 3svh 150px 1fr 3svh;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: "gotham";
	font-size: 1rem;
	background-image: url( "./bg.jpg" );
}

body.extragere > div {
	background-color: rgba( 255, 255, 255, 0.8 );
}

body.extragere table {
	counter-reset: section;
}
body.extragere td.counter:before {
	counter-increment: section;
	content: counter( section );
}

:root {
	gap: 1svh;
	--col-0: #000;
	--col-1: #ffd107;
	--col-2: #c4161c;
	--col-3: #2357a6;
	--col-9: #fff;
}
* {
	gap: inherit;
	color: var( --col-0 );
}