*{
	font-family: 		'Roboto';
	margin: 			0px;
	padding: 			0px;
	scroll-behavior: 	smooth;
}
html,body{
	min-height: 100vh;
}
body{
	background-color: 	#212121;
	color: 				#f1f1f1;
	letter-spacing: 	1px;
	font-size: 			1em;
}
a{
	color: 				inherit;
	text-decoration: 	none;
}
.row{
	display: 		flex;
	flex-direction: row;
	width: 			100%;
}
.wrap{
	display: 		flex;
	flex-direction: row;
	width: 			100%;
	flex-wrap: 		wrap;
}
.column{
	display: 		flex;
	flex-direction: column;
}
#contentContainer{
	position: 	relative;
	min-height: 100%;
	height: 	100%;
	flex-grow: 	2;
}
#headContainer{
	position: 		fixed;
	top: 			0px;
	right: 			0px;
	left: 			0px;
	font-size: 		1.5em;
	color: 			#fff;
	padding: 		10px;
	width: 			calc(100% - 20px);
	align-items: 	center;
	z-index: 		1000;
}
#menuContainer{
	justify-content: 	space-between;
	align-items: 		center;
}
.menuItem{
	padding: 		0px 10px;
	margin: 		5px;
	align-items: 	center;
}