@font-face {
    font-family: 'sourcesans';
    src: url("fonts/sourcesans3-regular.woff2") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesans';
    src: url("fonts/sourcesans3-italic.woff2") format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'sourcesans';
    src: url("fonts/sourcesans3-bold.woff2") format('woff');
    font-weight: bold;
    font-style: normal;
}
:root{
	--blue:#00599c;
	--grey:#f3f3f3;
	--black:#1b1b1b;
}
*{box-sizing:border-box;}
body{
	font-family: 'sourcesans', sans-serif;
	font-size:100%;
	background-color:#fff;
	color:var(--black);
	margin:0;
	padding:0;
}
.inner{
	width:100%;
	max-width:1000px;
	padding:0 1rem;
	margin:0 auto;
}
#official{
	padding:.5rem 0;
	background-color:var(--grey);
}
#official img{
	width:30px;
}
#official .inner{
	display:flex;
	align-items:center;
	gap:.5rem;
	line-height:1em;
	font-size:.7rem;
}
#mainbar{
	background-color:var(--blue);
}
#mainbar .inner{
	display:flex;
	align-items:center;
}
#mainbar img{
	padding:1rem 0;
	width:100px;
}
footer{
	position:absolute;
	bottom:0px;
	width:100%;
	background-color:var(--black);
}
footer .inner{
	display:flex;
	align-items:center;
}
footer img{
	padding:1rem 0;
	width:100px;
}
article{
	padding:2rem 0;
}
h2{
	font-size:2rem;
}
#progress-wrap{
	background-color:var(--grey);
	border:2px solid var(--black);
	padding:2rem;
	position:relative;
}
#progress svg{
	display:block;
}