button:not(.dropdown-button) {
	display: inline-block;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	padding: 0.6rem 1rem;
	text-decoration: none;

	background-color: var(--accent-bg);
	border: 4px solid var(--accent-bg);
	color: var(--bg);
	margin: 0.5em 0;
	transition: all 0.2s ease-in-out;

	margin: 0.125rem 0.5rem;
	width: 200px;
	padding: 0.5rem 0.8rem;
	font-weight: 700;
}

button:hover:not(.title) {
	background-color: var(--fg);
	border-color: var(--fg);
}

.block .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.toc {
	padding-bottom: 5%;
}

img.letter {
	border: 2px solid var(--accent-bg);
	margin: 20px;
	box-shadow: 0.1rem 0.1rem 1rem rgb(0 0 0 / 60%);
}

/* MOBILE STYLES */

@media only screen and (max-width: 768px) {
	section {
		padding-left: 10px;
		padding-right: 10px;
	}

	img.letter {
		margin-left: auto;
		margin-right: auto;
	}

	.block button {
		margin: 0.125rem 0.125rem;
	}
}