header {
	margin-top: 1rem;
	text-align: center;
}

nav {
	bottom: 0;
	left: 0;
	height: calc(100vw / 5);
	position: fixed;
	right: 0;
}

nav h1 {
	display: none;
}

nav ol {
	padding: 0;
}

nav li a {
	font-size: 12px;
	height: calc(100vw / 5);
	text-align: center;
	width: calc(100vw / 5);
}

nav li a svg {
	display: block;
	margin: 1em auto 0 auto;
	width: 2rem;
}

.button {
	border-radius: var(--radius-xl);
	display: block;
	width: 100%;
}

#dialog .button_area {
	flex-direction: column;
}

#sidebar {
	border-radius: var(--radius-xl);
	bottom: 0;
	position: fixed;
	right: 1rem;
	left: 1rem;
	height: max-content;

    transform: translateY(100%);
}

#sidebar.is-visible {
	bottom: 1rem;
	z-index: 150;

    transform: translateY(0);
}