@font-face {
  font-family: "PixelOperator";
  src: url("../fonts/PixelOperator.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PixelOperator-Bold";
  src: url("../fonts/PixelOperator-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

:root {
	--brd: #b5b5b5;
	--shadow: #728c54;
}

body {
	background-color: white;
}

#contain {
	width: 400px;
	height: auto;
	margin: 15% auto;
	display: flex;
	align-items: top;
	gap: 10px;
}

	#contentbox {
		border: 1px dotted var(--brd);
		padding: 15px;
		font-family: PixelOperator;
		font-size: 16px;
	}
	
		#navi {
			font-family: PixelOperator-Bold;
		}
	
		#navi ul {
			list-style: none;
		}
		
		#navi li {
			text-align: left;
		}
		
		#navi a {
			text-decoration: none;
			color: var(--shadow);
		}