*{
	font-family: 		'Roboto';
	margin: 			0px;
	padding: 			0px;
	scroll-behavior: 	smooth;
}
html,body{
	min-height: 100vh;
}
body{
	background-color: 	#111;
	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;
}
#headContainer {
	box-shadow: 	inset 0px -3px 6px rgba(0, 0, 0, 0.3);
	border-bottom: 	1px solid #37474F;
	background: 	linear-gradient(0deg, #212121, #37474F);
}
#header{
	justify-content: 	center;
	align-items: 		center;
}
#topIcons{
	width: 		fit-content;
	position: 	absolute;
	right: 		0px;
	top: 		0px;
	padding: 10px;
}
.headerIcon{
    justify-content: 	center;
    align-items: 		center;
    padding: 			10px;
}
#registerIcon {
	background: 	#B71C1C;
	border-radius: 	5px;
	box-shadow: 	0px 4px 3px rgba(0, 0, 0, 0.3);
	border: 		1px solid #F44336;
}
#logoContainer{
	width: 	fit-content;
	margin: 0px auto;
}
#menuContainer{
	justify-content: center;
}
.meniItem {
	padding: 		10px;
	margin: 		5px 10px;
	font-weight: 	bold;
	font-size: 		20px;
	letter-spacing: 3px;
}