.theme-minor
{
	background: #0002;
	color: #222f;
	border-color: #222f;
}
a
{
	color: #77a;
}
button
{
	background: #0002;
	color: #222f;
	border-color: #222f;
}
@media (prefers-color-scheme: dark)
{
	.theme-minor.adaptive
	{
		background: #fff2;
		color: #fff;
		border-color: #fff;
	}
	a
	{
		color: #b0b7ff;
	}
	button
	{
		background: #fff2;
		color: #fff;
		border-color: #fff;
	}
}
.menu-button
{
	position: relative;
	font-size: 5.5vh;
	text-align: center;
	border-style: solid;
	border-width: 0.3vh;
	border-radius: 5vh 0vh 1vh 0vh;
	height: 8vh;
	width: 8vh;
	margin: 0 0 0 0;
}
.background
{
	background-image: url(images/waves-tile.webp);
	background-attachment: scroll;
	animation: rotate-hue 32s infinite linear, flow-downstream 3s infinite linear;
}
@keyframes rotate-hue
{
	0%		{backdrop-filter: hue-rotate(0deg);}
	25%		{backdrop-filter: hue-rotate(90deg);}
	50%		{backdrop-filter: hue-rotate(180deg);}
	75%		{backdrop-filter: hue-rotate(270deg);}
	100%	{backdrop-filter: hue-rotate(360deg);}
}
@keyframes flow-downstream
{
	from	{background-position: -256px -256px;}
	to		{background-position: 0px 0px;}
}
.menu
{
	z-index: 100;
	display: block;
	position: absolute;
	width: 20vw;
	min-width: 240px;
	height: 40vh;
	left: -6vw;
	transform: scaleX(0.0) translateX(0vw);
	transition: transform 0.05s linear;
	border-radius: 1vw 1vw 1vw 10vw;
	border-style: solid;
	border-width: 0.3vh;
}
.menu-content
{
	padding: 10% 10% 10% 10%;
	font-size: 50%;
}
.menu-content > a > button
{
	width: 100%;
	height: 6vh;
	font-size: 3vh;
	border-radius: 1vw 10vw 10vw 1vw;
	border-width: 0.3vh;
}
.menu-button:hover .menu
{
	transform: scaleX(1.0) translateX(6vw);
}
.cursor
{
	animation: cursor-blink 1.0s infinite linear;
}
@keyframes cursor-blink
{
	0%		{opacity: 0;}
	40%		{opacity: 0;}
	50%		{opacity: 1;}
	90%		{opacity: 1;}
	100%	{opacity: 0;}
}
img
{
	max-width: 85%;
	max-height: 85%;
	padding: 1.0vh 1.0vh 5.0vh 1.0vh;
	background-color: #fafafa;
	border: 1px solid #ddd;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transform: scale(1.0);
	z-index: 70;
	transition: transform 0.6s, z-index 0.6s;
}
img:hover
{
	z-index: 80;
	transform: scale(2.0);
}