:root {
	--munode-color: #25ff29;
	--munode-body-text: #e4ffe4;
}

* {
	color: var(--munode-body-text);
}

body {
	font-family: sans-serif;
	font-size: 1rem;
	margin: auto;
	max-width: 1280px;
	background-color: #000;
}

.navbar {
	max-width: 1280px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
	border-bottom: 2px solid gray;
}

a {
	color: #aaa;
	display: inline-block;
	padding: 8px 16px;
	margin: 8px 0;
	text-decoration: none;
	transition: all 200ms ease-in-out;
}

a:hover {
	color: var(--munode-color);
	background-color: gray;
	border-radius: 16px;
	transform: translateY(-2px);
}

span.chip {
	padding: 0.25rem 1rem;
	margin-right: 0.25rem;
	border-radius: 1rem;
	border: 2px solid black;
}

span.chip.optional {
	background-color: bisque;
}

li.chip {
	margin: 0.5rem 0;
}

.munode-color {
	color: var(--munode-color);
}

.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}