/*
** -- FONT DEFINITIONS
*/
@font-face {
  font-family: 'BRLW';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('typo/barlow-v1-latin-300.woff2') format('woff2'); 
}
@font-face {
  font-family: 'BRLW';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('typo/barlow-v1-latin-800.woff2') format('woff2'); 
}
/*
** -- DEFINE GLOBAL STUFF
*/
:root
{
	/* -- SPEEEEED [ANIMATIONS] --------------- */
	--s-nrml:	.666s;
	/* -- PRIMARY COLORS [FOREGROUND] --------- */
	--c-light:			255,255,255;
	--c-dark:			0,0,0;
	--c-one: 			224,185,0;
	--c-two: 			139,103,0;
	--c-light-100:		rgba(var(--c-light),1);
	--c-light-50:		rgba(var(--c-light),.5);
	--c-light-20:		rgba(var(--c-light),.2);
	--c-one-100:		rgba(var(--c-one),1);
	--c-one-50:		rgba(var(--c-one),.5);
	--c-one-20:		rgba(var(--c-one),.2);
	--c-two-100:		rgba(var(--c-two),1);
	--c-two-20:		rgba(var(--c-two),.2);
	/* -- PADDINGS AND MARGINs ---------------- */
	--pm-xtra: 128px;
	--pm-big: 64px;
	--pm-large: 32px;
	--pm-reg: 16px;
	--pm-tiny: 4px;
	--pm-small: 8px;
	/* -- FONT SIZE ---------------------------- */
	--f-size-master: clamp(21px, max(8 * (1vw + 1vh) / 8, 18px),24px);
}
*, *:before, *:after
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html
{
	text-rendering: optimizeLegibility;
}
/*
** -- BOX DEFINITIONS
*/
body
{
margin:0;
padding:0;
color: var(--c-one-100);
font-family: 'BRLW';
font-weight: 300;
font-size: var(--f-size-master);
}
div#wrapper
{
	width: 100vw;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	min-height: 100vh;
}
div#content
{
	padding: var(--pm-big);
}
._stage
{
	width: 100%;
	min-height: calc(100vh - 128px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
footer
{
	width: 100%;
	height:128px;
	font-size: 77.7777777778%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
footer ul
{
	padding: 0px;
	display: flex;
	justify-content: flex-end;
	height: 100%;
	margin: 0px;
	gap:8px
}	
footer ul
{
	height: 32px;
}
footer ul li
{
	display: inline;	
}
/*
** -- TYPO SPECS
*/
h1,h2,p,ul,a
{
	font-weight: 300;
	font-size: 100%;
	line-height: 155%;
	text-align: center;
}
h1,h2
{
	font-size: 300%;
	text-transform: uppercase;
	margin: 0;
	line-height: 110%;
}
h2
{
	font-size: 200%;
}
h1 i, h2 i
{
	font-weight: 800;
	font-style: normal;
}
h1 i
{
	font-size: 200%;
	line-height: 100%;
}
footer p
{
	font-size: 77.7777777778%;
}
a
{
	text-decoration: none;
	color: var(--c-one-100);
	transition-property: color,background-color;
	transition-duration: var(--s-nrml);
	padding: var(--pm-tiny) var(--pm-small);
	border-radius: var(--pm-tiny);
}
a:hover
{
	color: var(--c-light-100);
	background-color: var(--c-two-100);
}