.online {
	display: none;
}

html, body {
	overflow: hidden;
	scrollbar-gutter: unset;
}
body {
	background-color: #00112c!important;
	background-image: none;
}
@media (prefers-color-scheme: light) {
	body {
		color: var(--color-lighter) !important;
	}
}

a {
	color: #4eb8ff;
    text-decoration-color: color-mix(in srgb, currentColor, transparent 60%);
}
iframe {
	border: none;
	width: 100%;
	height: calc(100vh - 2em)
}

nav {
	margin: 0;
}
menu {
	height: 2em;
	padding-bottom: 0.5em;
	width: 100% !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
	.menu-link {
		padding-top: 1em;
	}

	.secondary-links {
		margin-left: 1em;
		display: flex;
		gap: 1em;
		align-items: baseline;
	}
		.secondary-links a {
			font-weight: 550;
			padding-top: 1em;
		}
		.secondary-links .active {
			font-weight: 550;
		}

	#more-activator {
		display: none;
	}
	#more {
		padding: 0;
		font-size: inherit;
		display: block;
		box-shadow: none;
		animation: none;
		background-color: transparent;
		position: static;
	}
		#more a:not(:first-child) {
			margin-left: 1em;
		}

@media screen and (max-width: 900px) {
	menu .connect {
		display: none;
	}
	.menu-link {
		padding-top: 1em;
	}
	menu .secondary-links {
		margin: 0;
	}
	menu a {
		font-family: var(--font) !important;
		font-weight: 500 !important;
	}
}