@charset "UTF-8";
:root {
	--color-white: #fff;
	--color-orange1: #f77c05;
	--color-orange2: #f7c120;
	--color-grey-1: #4c4949;
	--color-grey-2: #7d7b7b;
	--color-black: #090102;
}

body {
	background-color: var(--color-white);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1em;
	font-family: sans-serif;
	text-align: center;
	color: var(--color-orange1);
	font-weight: bold;
}

main {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

main img:first-child {
	max-width: 900px;
	width: 80%;
}

h1 {
	margin: 40px 0 20px;
	font-size: 3.0em;
}

h2 {
	margin: 15px 0;
	font-size: 2.5em;
	color: var(--color-orange2);
}

article {
	font-size: 1.8em;
	z-index: 80;
}

a:link, a:visited {
	color: var(--color-orange2);
}

a:hover, a:active {
	color: var(--color-grey1);
}
