html {
	font-size:   16px;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
    margin:     0;
    text-align: center;
}

h1 {
    margin-top:  1rem;
    font-family: 'Times New Roman', Times, serif;
    font-style:  italic;
	font-weight: bold;
    font-size:   3.815rem;
}

h2 {
	font-size:     	1.953rem;
	font-weight:   	bold;
	margin: 		3rem auto 1rem;
	max-width: 		680px;
}

p {
	font-family: 'Times New Roman', Times, serif;
	text-align:  left;
	font-size:	 1.563rem;
	max-width: 	 55ch;
	margin:  	 1em auto;
}

table {
	font-weight:  bold;
	margin-left:  auto;
	margin-right: auto;
}

tr {
	line-height: 1.25rem;
}

footer {
	margin-top: 2rem;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.red {
	color: #EE0000;
}

.green {
	color: #008800;
}

.strikethrough {
	text-decoration: line-through;
}

.underlined {
	text-decoration: underline;
}

.fab-container {
	margin-top: 	 2rem;
	width:   		 100%;
	display: 		 flex;
	justify-content: center;
	cursor:			 pointer;
}

.iconbutton {
	width:			50px;
	height:			50px;
	border-radius:	100%;
	box-shadow:		10px 10px 5px #aaaaaa;
}

.button {
	width:		60px;
	height:		60px;
	background:	#0000EE;
}

.button:hover {
	background:	#0000EECC;
}

.iconbutton a {
	display:			flex;
	align-items:		center;
	justify-content:	center;
	height:				100%;
	color:				white;
	font-size:			1.953rem;
}

@font-face {
	font-family:	'FontAwesome';
	src:			url('/static/fa.ttf') format('truetype');
	font-weight:	normal;
	font-style:		normal
}

.fa {
	line-height:	1;
	font:			normal normal normal 1rem/1 FontAwesome;
	font-style:		normal;
	font-variant:	normal;	
	text-rendering:	auto;
}

.fa-envelope:before {
	content: "\f0e0";
}