:root {
	color-scheme: normal;
}

#navbar-container {
	display: flex;
	flex-direction: row;
	border-bottom: grey 2px solid;
}

.navbar-item {
	display: block;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

	margin-bottom: 10px;
	margin-right: 5px;

	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	color: light-dark(black, white);
}

.navbar-item:hover {
	background-color: light-dark(lightgrey, grey);
}

.selected-navbar-item {
	text-decoration: underline;
}

#app-container {
	width: 80%;
	margin: auto;
}

body {
	background-color: light-dark(white, #2b2a33);
}

@media (max-width: 1100px){
	.navbar-item{
		font-size: 2.6rem;
	}

	#app-container{
		font-size: 2.7rem;
	}
}