:root
{
    --accent: #000000;
}

html, body, header, footer, main, div, section, article, h1, h2, h3, h4, h5, h6, a, p, ul, li, table, td, tbody, img, div, span
{
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	color: inherit;
	background-color: none;
}
a, a:visited, a:active, a:hover
{
	text-decoration: none;
}

html, body
{
	font-size: 100%;
    font-family: "Courier New", Courier, monospace;
	background-color: #ffffff;
	color: #111111;
}

@media (prefers-color-scheme: dark) 
{
	html, body
	{
		background-color: #222222;
		color: #eeeeee;
	}
}

.doto {
	font-family: "Doto", sans-serif;
  	font-optical-sizing: auto;
  	font-style: normal;
  	font-variation-settings: "ROND" 0;
}

h1, h2, h3, h4, h5, h6, a
{
    font-family: "Doto", sans-serif;
  	font-optical-sizing: auto;
	font-style: normal;
  	font-variation-settings: "ROND" 0;
  	font-weight: 800;
}

/* Base font-size is 16px (1rem) by default. */

/* Headings (H1 - H6) */
h1 { font-size: 3.2rem; line-height: 1.12; margin-top: 1.5rem; margin-bottom: 1rem; }
h2 { font-size: 2.5rem; line-height: 1.15; margin-top: 1rem; margin-bottom: 1rem; }
h3 { font-size: 2.0rem; line-height: 1.2; margin-top: 1rem; margin-bottom: 0.8rem; }
h4 { font-size: 1.5rem; line-height: 1.3; margin-top: 1rem; margin-bottom: 0.7rem; }
h5 { font-size: 1.25rem; line-height: 1.4; margin-top: 0.8rem; margin-bottom: 0.6rem; }
h6 { font-size: 1.1rem; line-height: 1.5; margin-top: 0.8rem; margin-bottom: 0.5rem; }
p { font-size: 1.0rem; line-height: 1.6; margin-top: 0.8rem; margin-bottom: 0.5rem; }
a { font-size: 1.0rem; line-height: 1.6; margin-top: 0.8rem; margin-bottom: 0.5rem; font-weight: 900;}