/* look at <http://www.w3.org> for explanation of this, under
   Cascading Style Sheets, or CSS */

@import url(style/convenience.css);

html,body { margin: 0; padding: 0; }

body
{
	color: black;
	background-color: #fbfbff;

	padding: 1.5%;
	/*not standardized yet
	 * text-rendering: optimizeLegibility;
	 */
}
body .maintext { text-align: center; } 
.maintext>div { text-align: left; max-width: 80ex; margin: auto; } 
body main { text-align: center; } 
main>div { text-align: left; max-width: 80ex; margin: auto; } 

p { margin: 0; padding: 0; text-indent: 3ex; }
li :first-child { text-indent: 0; }
td p { text-indent: 0; }
p.continuation { text-indent: 0; }

h2, h3
{
	font-weight: bold;
}

h1
{
	font-size: xx-large;
	text-align: center;
}

h2
{
	font-size: x-large;
	font-style: italic;
}

h3
{
	font-family: sans-serif;
	font-size: large;
}

h4
{
	font-family: sans-serif;
	font-style: italic;
}

em
{
	font-style: italic;
	color: inherit;
	background-color: inherit;
}

strong
{
	font-weight: bold;
}

cite, dfn
{
	font-style: italic;
}

code, pre
{
	font-family: monospace;
}

kbd, samp
{
	font-family: sans-serif;
}

var
{
	font-style: italic;
}

div.copyright
{
	font-size: small;
	text-align: center; 
	font-family: sans-serif;
}

ul
{
	padding-left: 1.5em;
}
nav > p { margin: 0; margin-bottom: 0.4em; text-align: center; }
nav ul li { margin-bottom: 0.4em; }
nav dl dd { margin-bottom: 0.4em; }

/*styles for dark mode*/
@media screen and ( prefers-color-scheme: dark ) {
	body {
	color: white;
	background-color: #0b0b00;
	}
	a:link { color: limegreen; }
	a:visited { color: orchid; }
	a:active { color: magenta; }
	a:hover { color: silver; }
}
/*styles for mobile*/
@media screen and (max-width: 480px) {
	h1, h2, h3, h4 { margin: 0; padding: 0; padding-left: 0.5ex; }
	h1{ font-size: x-large; }
	h2{ font-size: large; }
	h3{ font-weight: bold; font-size: medium; }
	ul{ padding-left: 2ex; }
}

@media screen and (min-width: 481px) {
}

/* as of 01.2025, according to MDN, no browsers implement this feature */
@media screen and (shape: round) {
	body {
		padding: 1.5em;
	}
}