body {
	background: #F7FFF0 url("/assets/background/tile1_l.png") repeat;
	background-size: 240px;
}

.main-side-panel {
	box-shadow: 0.2em 0 0.3em -0.3em rgba(0,0,0,0.8);
}

@media (max-width: 40em) {
	#main-side-panel--switch:checked ~ .main-side-panel {
		background-color: white;
	}
	.main-side-panel--switch {
		cursor: pointer;
		border-color: white;
		background-color: white;
		box-shadow: 0.0625em 0.0625em 0.25em 0 gray;
	}
	.main-side-panel--switch {
		border-color: white;
		background-color: white;
		box-shadow: 0.0625em 0.0625em 0.25em 0 gray;
	}
	.main-side-panel--switch::before,
	.main-side-panel--switch::after {
		border-top-color: gray;
		filter:
			drop-shadow(0 -0.5em 0 gray)
			drop-shadow(0 0.5em 0 gray);
	}
}

.main-side-panel hr {
	border-top-color: silver;
}
.main-side-panel__links__link a {
	color: darkslategray;
}
.main-side-panel__links__link a[extra]::after {
	filter: brightness(0.625) contrast(3);
}
.main-side-panel__links__link a:hover {
	color: silver;
}
.main-side-panel__links__link a:active {
	color: gray;
}

.main-side-panel__link-description::before {
	color: silver;
}

.main-side-panel__link-description:not([data-description=""])::after {
	color: darkslategray;
}