#header {
	z-index: 10000;
	display: flex;
	position: fixed;
}
#header #name {
	top: 0;
	left: 0;
	padding-left: 30px;
	padding-right: 18px;
	display: flex;
	font-size: 80px;
	line-height: 0;
	transition:
		font-size 1.5s 1s,
		padding-left 1.5s 1s,
		color 0.2s;
	pointer-events: none;
	z-index: 1;
	color: var(--title-color);
}
#header #crosby_small {
	font-family: "redonda", sans-serif;
	font-weight: 300;
	font-style: normal;
}
#header #crosby_large {
	font-family: "redonda", sans-serif;
	font-weight: 500;
	font-style: normal;
}
#header #nav {
	left: 10px;
	top: 80px;
	position: fixed;
	transition:  1s;
	transition-delay: 2.5s;
	opacity: 0;
	writing-mode: vertical-lr;
	z-index: 2;
	line-height: 1;
	pointer-events: none;
}
#header #nav p {
	text-orientation: upright;
	cursor: pointer;
	color: var(--nav-color);
	font-family: "darkmode-on", sans-serif;
	font-weight: 400;
	font-style: normal;
	transition: 0.2s;
}
#header #nav-theme {
	writing-mode: unset;
	text-orientation: upright;
	cursor: pointer;
}
#header #nav-bar {
	background-color: var(--background-color);
	bottom: 0;
	left: 0;
	right: 0;
	margin: 13px;
	border-radius: 10px;
	border-width: 3px;
	position: fixed;
	justify-content: space-evenly;
	justify-items: center;
	display: none;
	border-style: solid;
	border-color: var(--nav-color);
	padding: 7px;
	transition:  1s;
	transition-delay: 2.5s;
	opacity: 0;
	pointer-events: none;
}
#header #nav-bar p {
	padding-left: 8px;
	padding-right: 8px;
}
#header #nav-bar div {
	border-width: 3px;
	display: flex;
	flex-direction: row;
	line-height: 0;
	align-items: center;
	justify-content: center;
	color: var(--nav-color);
	cursor: pointer;
	border-radius: 4px;
	border-style: solid;
	border-color: #0000;
	transition: 0.2s;
}
#header #nav-bar .nav-bar-active {
	border-color: var(--link-color) !important;
}
@media (max-width: 575px) {
	#header #name {
		font-size: 13vw;
		padding-left: 6.85vw;
	}
}
@media (max-width: 800px) {
	#header #nav {
		display: none;
	}
}
@media (max-width: 363px) {
	#theme-toggle {
    display: none !important;
	}
}