*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Open Sans', sans-serif;
	font-size: calc(0.5vw + 12pt);
	min-width: 320px;
}

body > nav
{
	position: fixed;
	background:rgba(255, 255, 255, 1);
	width: 100%;
	margin-top: -4em;
	height: 4em;
	box-shadow: #000000 0 0 1em;
	min-width: 320px;
}

body > nav img
{
	height: calc(100% - 2em);
	padding: 1em;
}

body > nav a
{
	text-decoration: none;
}

body > nav ul
{
	height: 100%;
	float: right;
	display: block;
}

body > nav ul::after
{
	clear: both;
}

body > nav ul li
{
	display: inline-block;
}

body nav ul li p a
{
	display: block;
    padding: 1.22em;
}

body > nav ul li p a:hover:after,
body > nav ul li p a.active:after
{
	content: "";
	display: block;
    margin: 0 auto;
    width: 100%;
	border-bottom: 0.5em double #030260;
}

body > nav > p
{
	display: none;
}

body header
{
	background-image: url("../images/bg.jpg");
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	width: 100%;
	height: calc(100vh - 4em);
	color: #FFFFFF;
}

body header h1
{
	font-size: 4em;
	text-shadow: #000000 0em 0em 0.3em;
}

body header p
{
	font-family: 'Anonymous Pro', monospace;
	font-size: 2em;
}

body header p:nth-child(3)
{
	margin-top: 4em;
	font-size: 1em;
	font-family: inherit;
}

body header p a,
body main article:nth-child(3) p a
{
	background-color: #030260;
	border: 0.1em solid #FFFFFF;
	padding: 1em;
	color: inherit;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	border-radius: 1em;
	font-family: inherit;
	word-wrap: unset;
	word-break: keep-all;
	white-space: nowrap;
}

body header div
{
	text-align: center;
	margin: auto;
}

body main
{
	margin-top: 4em;
}

body main article,
footer
{
	padding: 4em;
	width: calc(100% - 8em);
	text-align: center;
}

body main header a:hover,
body main article:nth-child(odd) a:hover,
body footer a:hover
{
	border: 0.1em solid #FFFFFF;
	box-shadow: 0 0 1em #FFFFFF;
}

body main article:nth-child(even) a:hover
{
	border: 0.1em solid #030260;
	box-shadow: 0 0 1em #030260;
}

body main article section
{
	margin-top: 2em;
	margin-bottom: 2em;
}

body main article:nth-child(even)
{
	background-color: #FFFFFF;
}

body main article:nth-child(even) h2:after
{
	content: "";
	display: block;
    margin: 0 auto;
    width: 50%;
	border-bottom: 0.2em solid #030260;
}

body main article:nth-child(odd)
{
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFFFFF;
}

body main article:nth-child(odd) h2,
body main article:nth-child(odd) p
{
	background: rgba(0, 0, 0, 0.5);
	padding: 4em;
}

body main article:nth-child(odd) h2
{
	padding: 1em;
}

body main article:nth-child(odd) a
{
	color: inherit;
}

body main article:nth-child(3)
{
	background-image: url("../images/bg1.jpg");
}

body main article:nth-child(3) p a
{
	margin-left: 10vw;
}

body main article:nth-child(3) p a span
{
	font-size: 1.5em;
	vertical-align: sub;
}

body main article:nth-child(4) ul
{
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	max-width: 40em;
	margin: 0 auto;
}

body main article:nth-child(4) ul li
{
	list-style: none;
	align-self: center;
	padding: calc(100% / 20);
}

body main article:nth-child(4) ul li img
{
	width: 100%;
}

body main article:nth-child(5)
{
	background-image: url("../images/bg2.jpg");
}

body main article:nth-child(5) ul li
{
	list-style: none;
	background: rgba(0, 0, 0, 0.5);
}

body main article:nth-child(5) ul li p
{
	padding: 1em;
	background: none;
}

body main article:nth-child(6) p
{
	margin: 1em;
}

body > footer
{
	background-color: #030260;
	box-shadow: #000000 0 0 1em;
	color: #FFFFFF;
	height: 80vh
}

body footer > img
{
	filter: invert(100%) sepia(0%) brightness(100%) contrast(100%);
	width: calc(10vw + 1em);
	padding: 2em;
}

body footer a
{
	color: inherit;
}

body footer nav ul li
{
	list-style: none;
	display: inline-block;
}

body footer nav ul li p,
body footer > ul li p
{
	padding: 1em;
}

body footer nav ul li p a,
body footer > ul li p a
{
	padding: 0;
}

body footer > p
{
	margin-top: 2em;
}

body footer > ul li
{
	list-style: none;
	display: inline-block;
}

body > dialog
{
	visibility: hidden;
	display: block;
	background-color: #FFFFFF;
	position: fixed;
	margin: 0 auto;
	top: 10vh;
	width: 80vw;
	height: 80vh;
	border: 0.1em solid #030260;
	box-shadow: #000000 0 0 1em;
	overflow-y: auto;
	z-index: 1000;
}

body > dialog > section
{
	padding: 1em;
	text-align: justify;
}

body > dialog > section h1,
body > dialog > section h2,
body > dialog > section h3,
body > dialog > section h4,
body > dialog > section h5,
body > dialog > section h6
{
	margin-top: 1em;
	margin-bottom: 0.5em;
}

body > dialog > section ul
{
	margin-top: 1em;
	margin-bottom: 1em;
}

body > dialog > section ul:last-child
{
	margin-bottom: 0;
}

body > dialog > section li
{
	margin-left: 2em;
}

body > dialog > section hr
{
	margin-top: 1em;
	margin-bottom: 1em;
}

body > dialog > footer
{
	border-top: 0.1em solid #030260;
	background-color: #FFFFFF;
	position: sticky;
	bottom: 0;
	padding: 0;
	width: calc(100% - 2em);
	font-size: inherit;
	text-align: right;
	padding: 1em;
	margin-top: 2em;
	color: #FFFFFF;
}

body > dialog > footer > button
{
	font-size: inherit;
	background-color: #030260;
	border: 0.1em solid #FFFFFF;
	padding: 1em;
	color: inherit;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	border-radius: 1em;
	font-family: inherit;
	word-wrap: unset;
	word-break: keep-all;
	white-space: nowrap;
	cursor: pointer;
}

body > dialog p{margin-bottom: 1em;}
body > dialog section p:last-child{margin-bottom: 0;}
body > dialog li p{margin: 0;}
body > dialog ul ul{margin: 0;}

body > div#modal
{
	visibility: hidden;
	display: block;
	background-color: #030260;
	position: fixed;
	margin: 0 auto;
	top: 0;
	width: 100vw;
	height: 100vh;
	border: none;
	opacity: 0.5;
	z-index: 900;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 1em;
}

h2, h3, h4, h5, h6{display: inline-block;}
h6{font-size: 1.2em;}
h5{font-size: 1.4em;}
h4{font-size: 1.6em;}
h3{font-size: 1.8em;}
h2{font-size: 2em;}
h1{font-size: 2.2em;}
a{color: inherit;}

abbr
{
	border-bottom: 0.1em dotted #000000;
	cursor: help;
}

div.showDialog,
dialog.showDialog
{
	visibility: visible !important;
}

body.showDialog{overflow: hidden;}

.parallax
{
	background-image: inherit;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
}

.bold{font-weight: bold;}
.italic{font-style: italic;}