@font-face {
  font-family: Merriweather; 
  src: url("./resources/fonts/webfonts/merriweather-latin-400-normal.woff");
  font-weight:800;
}


body {
	background-image:url("./resources/background.png");
	font-family: Merriweather, serif;

}

header {
	text-align: center;
	width:100%;
}

main {
	display:flex;
	gap:10px;
	min-height:100%;
}

footer {
	position:fixed;
	left: 0;
	bottom: 0;
	text-align:center;
	width:100%;
}

.titlebar {
	box-sizing: border-box;
	background-color: #8cecf7;
	max-width: 90%;
	width: 450px;
	border-radius: max(10px, 3%);
	border-style:dotted;
	height: auto;
	margin: 10px auto;
	
}

.navbar-box {
	padding: 5px;
	border-radius: 10px;
	border-style: solid;
	border-width: 5px;
	border-color: black;
	width: 30%;
	min-width: 100px;
	background:#e8abda;
	min-height:100%;
	margin: 0 auto;
	word-wrap: break-word;
	font-size: 15px;
}



.content-box {
	padding: 10px;
	border-radius: 10px;
	border-style: solid;
	border-width: 5px;
	border-color: black;
	width:100%;
	background:#e8abda;
	min-height:100%;
	margin: 0 auto;
}


. navbar {

}