html {scroll-behavior: smooth}
body {
	background: #F8F8F8;
	color: #333;
	font-size: 16px;
	font-family:
	/* Text fonts */
		/* Apple */ -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
		/* GNU/Linux, Android */ 'Noto Sans', 'Liberation Sans', Roboto,
		/* Windows */ 'Segoe UI', Tahoma, Arial,

	/* Emoji and symbol fonts */
		/* GNU/Linux, Android */ 'Noto Color Emoji', 'Noto Sans Symbols 2', 'Noto Sans Symbols',
		/* Apple */ 'Apple Color Emoji', 'Apple Symbols',
		/* Windows */ 'Segoe UI Emoji', 'Segoe UI Symbol',

	/* General fallback */ sans-serif;
}
body.color-scheme-dark {
	background: #282828;
	color: #CCC;
}

.overlay-round {
	position: fixed;
	z-index: 1;
	display: block;
	min-width: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: center;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s step-end, opacity 0.3s ease;
}
.overlay-round:active:hover {background-position: 50% calc(50% + 1px)}
.overlay-round.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s step-end 0.3s, opacity 0.3s ease;
}
.color-scheme-dark .overlay-round {background-color: #444}
#btn-toggle-color-scheme {
	top: 10px;
	right: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23555' d='M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 3v18a9 9 0 1 1 0-18z'/%3E%3C/svg%3E");
}
.color-scheme-dark #btn-toggle-color-scheme {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23DDD' d='M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 3v18a9 9 0 1 1 0-18z'/%3E%3C/svg%3E");
}
#btn-scroll-top {
	bottom: 10px;
	right: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1.5 15.283 12 4.717l10.5 10.566'/%3E%3C/svg%3E");
}
.color-scheme-dark #btn-scroll-top {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23DDD' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1.5 15.283 12 4.717l10.5 10.566'/%3E%3C/svg%3E");
}

.main-container {
	max-width: 1200px;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #DDD;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	text-align: justify;
}
.color-scheme-dark .main-container {
	border-color: #555;
	background: #333;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1199px) { .main-container {
	margin: 0;
	border: 0;
	border-radius: 0;
}}
@media screen and (max-width: 800px) { .main-container {
	padding-left: 2.5%;
	padding-right: 2.5%;
	text-align: left;
	text-align: start;
}}

#dl-btns a.button, #dl-btns button {
	display: block;
	width: 100%;
	text-align: left;
	text-align: start;
	white-space: nowrap;
}
#dl-btns a.button:before, #dl-btns button:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23333' d='M8.44 0h3.12c.52 0 .94.42.94.94V7.5h3.43c.7 0 1.04.84.55 1.33l-5.94 5.95c-.3.29-.78.29-1.07 0L3.52 8.83a.78.78 0 0 1 .55-1.33H7.5V.94c0-.52.42-.94.94-.94zM20 14.69v4.37c0 .52-.42.94-.94.94H.94a.94.94 0 0 1-.94-.94V14.7c0-.52.42-.94.94-.94h5.73l1.91 1.91a2 2 0 0 0 2.84 0l1.91-1.91h5.73c.52 0 .94.42.94.94zm-4.84 3.44c0-.43-.36-.79-.79-.79s-.78.36-.78.79.35.78.78.78.79-.35.79-.78zm2.5 0c0-.43-.36-.79-.79-.79s-.78.36-.78.79.35.78.78.78.79-.35.79-.78z'/%3E%3C/svg%3E");
}
#dl-btns a.button.primary:before, #dl-btns button.primary:before,
.color-scheme-dark #dl-btns a.button:before, .color-scheme-dark #dl-btns button:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23FFF' d='M8.44 0h3.12c.52 0 .94.42.94.94V7.5h3.43c.7 0 1.04.84.55 1.33l-5.94 5.95c-.3.29-.78.29-1.07 0L3.52 8.83a.78.78 0 0 1 .55-1.33H7.5V.94c0-.52.42-.94.94-.94zM20 14.69v4.37c0 .52-.42.94-.94.94H.94a.94.94 0 0 1-.94-.94V14.7c0-.52.42-.94.94-.94h5.73l1.91 1.91a2 2 0 0 0 2.84 0l1.91-1.91h5.73c.52 0 .94.42.94.94zm-4.84 3.44c0-.43-.36-.79-.79-.79s-.78.36-.78.79.35.78.78.78.79-.35.79-.78zm2.5 0c0-.43-.36-.79-.79-.79s-.78.36-.78.79.35.78.78.78.79-.35.79-.78z'/%3E%3C/svg%3E");
}
