@font-face {
    font-family: 'AtkinsonHyperlegibleNext';
    src: url('/fonts/AtkinsonHyperlegibleNext-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AtkinsonHyperlegibleNext';
    src: url('/fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'AtkinsonHyperlegibleNext';
    src: url('/fonts/AtkinsonHyperlegibleNext-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AtkinsonHyperlegibleNext';
    src: url('/fonts/AtkinsonHyperlegibleNext-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Minotaur';
    src: url('/fonts/Minotaur-Phatte.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: AtkinsonHyperlegibleNext, Helvetica, arial, sans-serif;
	background-color: #eee;
}

header {
	font-family: Minotaur, Helvetica, arial, sans-serif;
	background-color: #888;
	color: #ff6300;
	font-size: 4rem;
    display: inline-flex;
}

header img {
    margin: 1rem;
}

header p {
    display: inline-block;
    width: 40rem;
    margin: 2rem;
}

header a:link {
	text-decoration: none;
	color: #ff6300;
}

header a:hover {
	text-decoration: underline;
	color: #ff6300;
}

header a:visited {
	text-decoration: none;
	color: #ff6300;
}

header a:active {
	text-decoration: underline;
	color: #ff6300;
}