html
{
	box-sizing:border-box;
	scroll-behavior:smooth;
}

*,*:before,*:after
{
	box-sizing:inherit;
}

html
{
	background-color:white;
	color:white;
	font-family:'Inter','Arial',sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:1.5;
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	text-align:left;
}

@media print
{
	html
	{
		color:black;
	}
}

body
{
	background-color:white;
	margin:0;
	padding:0;
	width:100%;
}

#page
{
	display:grid;
	grid-template-rows:1fr min-content 1fr;
	grid-template-columns:0px 1fr 0px;
	min-height:100vh;
}

@media screen and (min-width:720px)
{
	#page
	{
		grid-template-columns:1fr 720px 1fr;
	}
}

@media screen and (min-width:1440px)
{
	#page
	{
		grid-template-columns:1fr 50vw 1fr;
	}
}

@media print
{
	#page
	{
		display:block;
		min-height:0;
	}
}

@media screen
{
	#page::before
	{
		background-color:rgb(218,58,0);
		content:'';
		display:block;
		grid-column:1/3;
		grid-row:2/3;
	}
}

#content
{
	grid-column:2/3;
	grid-row:2/3;
	margin:0;
	padding:4.444444rem 1.666667rem 3.333333rem;
	width:100%;
}

@media print
{
	#content
	{
		padding:0;
	}
}

h1
{
	font-size:1.666667rem;
	font-weight:700;
	line-height:1.2;
	margin:0;
	padding:0 0 0.133333em;
}

h2
{
	font-size:1.666667rem;
	font-weight:300;
	line-height:1.2;
	margin:0;
	padding:0 0 1.833333em;
}

p:first-of-type
{
	font-size:1.222222rem;
	font-weight:500;
}

p
{
	margin:0;
	padding:0 0 1.222222em;
}

a,a:link,a:visited,
a:focus,a:hover,a:active
{
	color:currentColor;
	text-decoration:underline;
}