body {
    --text: #ccc;
    --accent: #ff5f87;
    --bg: #121212;
    --nav-bg: #1e1e1e;
    --nav-fg: #ccc;
    --header-fg: #ccc;
    --header-fg-accent: #d0d0d0;
    --left-bg: #181818;
    --border: solid 1px #333;
    --header-border: thin solid #333;
    --code-fg: #d4d4d4;
    --code-bg: #252525;

    --hovered-menu-bg: #333;
    --mobile-submenu-bg: #252525;
    --toc-bg: var(--nav-bg);
    --hovered-toc-item-bg: var(--hovered-menu-bg);
    --toc-active-border: 4px solid var(--accent);
    --toc-not-active-border: 4px solid transparent;

    --prev-next-border: thin solid #444;
    --prev-next-bg: #1e1e1e;
    --hovered-prev-next-bg: #2d2d2d;

    --link-fg: #88c0d0;
    --hovered-link-bg: #444;

    --search-panel-wrapper-bg: #252525e6;
    --search-controls-bg: #333;
    --search-results-bg: linear-gradient(#252525, #1e1e1e);
    --search-result-link-fg: #ddd;
    --selected-search-result-bg: #444;
    --hovered-search-result-link-fg: #fff;

    --thead-border: thin solid #444;
    --tr-border: thin solid #333;

	--nav-selected-border: 5px solid var(--accent);
	--nav-hovered-border: 5px solid color-mix(in srgb, var(--accent), transparent 60%);
    --nav-not-selected-border: 5px solid transparent;
}

.top-left-fixed {
	position: fixed;
	top: 15px;
	left: 5px;
}
.top-left-fixed.nav-link svg {
	width: 40px;
	height: 40px;
	max-width: 40px;
	max-height: 40px;
	fill: var(--nav-fg);
}
@media (min-width: 768px) {
	body .home-nav-logo img {
		max-width: 80px;
		max-height: 80px;
	}
}
body .home-link {
	display: none;
}

body main p > img {
    display: block;
    margin: auto;
}

body footer {
	justify-content: center;
	gap: 5px;
	opacity: 0.4;
	font-size: 0.9em;
}
body footer:hover {
	opacity: 0.8;
}
body footer a {
	color: var(--accent);
}