godot-website/assets/css/transparent-nav.css

/* Overwriting nav style */
header {
	box-shadow: none;
	margin-bottom: -70px;
	background-color: rgb(134 144 154 / 15%);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

@media (max-width: 1200px) {
	input#nav_toggle_cb:checked~header {
		background-color: var(--navbar-background-color);
	}
}

nav#nav a {
	color: white;
}

nav#nav .fund a {
	color: var(--fund-color);
	background-color: var(--base-color);
}

.nav-logo {
	display: none;
}

.nav-logo.dark-logo {
	display: inline;
}

#nav_toggle_btn {
	filter: invert(100%) saturate(0%) brightness(120%);
}

@media (max-width: 1200px) {
	nav#nav .fund a {
		background-color: transparent;
	}
}

@media (max-width: 1200px) and (prefers-color-scheme: light) {
	nav#nav a {
		color: var(--navbar-link-color);
	}

	input#nav_toggle_cb:checked~header #nav_head #nav_toggle_btn {
		filter: none;
	}

	input#nav_toggle_cb:checked~header #nav_head .nav-logo {
		display: inline;
	}

	input#nav_toggle_cb:checked~header #nav_head .nav-logo.dark-logo {
		display: none;
	}
}

@media (min-width: 1200px) {
	nav#nav .fund {
		margin-right: 0px;
	}

	nav#nav .fund a {
		color: var(--fund-color);
		background-color: var(--base-color);
		border-radius: 9px;
		box-shadow: inset 0 0 0 2px var(--fund-color);
		padding: 13px;
	}
}