:root {
	--nav-bar-height: 52px;
	--nav-bar-colour: #f9efe5;
	--nav-bar-spacing: 1rem;
}

.top {
	position: relative;
	padding-top: var(--nav-bar-height);
	color: var(--nav-bar-colour);
	background: radial-gradient(circle at top right, rgba(51, 35, 31, 0.22));
	border-bottom: 5px solid rgb(47, 50, 66);
}

.nav-bar {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: var(--nav-bar-height);
	background: rgb(47, 50, 66);
}

.nav-bar-inner {
	display: flex;
	align-items: center;
	gap: var(--nav-bar-spacing);
	height: 100%;
	min-height: 100%;
}

.wrapper {
	width: min(calc(100% - 2rem), var(--chrome-width));
	min-width: 0px;
	margin: 0px, auto;
}

.nav-bar-brand {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin-right: auto;
}

.nav-bar-links {

}

.nav-bar-icon {
	width: 1.5rem;
	height: 1.5rem;
}