body {
	font-family: 	"Poppins", serif;
	font-weight: 	400;
	font-style: 	normal;
}

td {
	font-size:		0.8em;
}

ul {
    list-style-type: none;
    padding: 		0;
    margin: 		0;
}

.field-container {
	width: 			400px;
	margin-top:		0;
	margin-right:	auto;
	margin-bottom:	0;
	margin-left:	auto;
}

.field {
	float:			left;	
	margin:			10px;
	width:			380px;
	text-align: 	center;
	padding-top: 	10px;
	padding-bottom: 10px;
	padding-left:	5px;
	padding-right:	5px;
	font-family: 	'Bebas Neue', cursive;
	background-color:	#16171f;
	padding:			10px 10px 10px 10px;
	border-radius:		15px;
}

.header {
	height:				60px;
	padding: 			9px 15px 9px 15px;
	font-family: 		'Bebas Neue', cursive;
	font-size:			2.0em;
	background-color:	#16171f;
	border-bottom: 		1px solid #383a4e;
}

.menuItem {
	float:			left;
	margin:			0px 10px 0px 10px;
	font-size:		0.55em;
	color:			#ffffff;
	font-family: 	"Roboto", sans-serif;
	font-weight: 	400;
	font-style:		normal;
}

.menuItem a {
	text-decoration:	none;
}

.menuItem a:hover {
	text-decoration:	underline;
}

.container {
	max-width: 			1000px;
	margin:				auto;
}

.boxContainer {
	background-color:	#16171f;
	padding:			0px 10px 20px 10px;
	border-right: 		1px solid #383a4e;
	border-bottom: 		1px solid #383a4e;
}

.box {
	padding:			10px 10px 20px 10px;
	border-bottom: 		1px solid #383a4e;
}

.boxHeader {
	font-size:		1.2em;
	color:			#ffffff;
	font-family: 	"Roboto", sans-serif;
	font-weight: 	400;
	font-style:		normal;
}

.contentContainer {
	background-color:	#16171f;
	margin:				10px;
	padding:			10px 10px 10px 10px;
	border-radius:		15px;
}

.description {
	font-size:		0.8em;
	color:			#ababab;
	font-family: 	"Roboto", sans-serif;
	font-weight: 	400;
	font-style:		normal;
}

.highlight {
    display: 		block;
    overflow: 		hidden;
    border: 		1px solid #222222;
    padding: 		3px;
	margin:			5px;
}

.at {
	text-align: 	center;
	color: 			#fa4616;
	font-family: 	"Bebas Neue", cursive;'
}

.email {
	text-decoration: none; 
	font-family: 	"Bebas Neue", cursive;
}

.green {
	color:				#66b95d;
}

.orange {
	color:				#FA4616;
}

.yellow {
	color:				#ffc600;
}

.flash-green {
	animation: 			flash-green 2s forwards;
}

@keyframes flash-green {
	0% { background-color: #66b95d; } 
	100% { background-color: transparent; }
}

.flash-orange {
	animation: 			flash-orange 2s forwards;
}

@keyframes flash-orange {
	0% { background-color: #FA4616; } 
	100% { background-color: transparent; }
}

.flash-yellow {
	animation: 			flash-yellow 2s forwards;
}

@keyframes flash-yellow {
	0% { background-color: #ffc600; } 
	100% { background-color: transparent; }
}