/*
Standard css baseline by Jason Knight, see
https://cutcodedown.com/for_others/medium_articles/tabsWithoutJS/tabs.html
AHN, Aug 2022
*/

/* null margins and padding to give good cross-browser baseline */
html, body, address, blockquote, div, 
form, fieldset, caption, 
h1, h2, h3, h4, h5, h6, 
hr, ul, li, ol, ul, dl, dt, dd, 
table, tr, td, th, p, img {
	margin:0;
	padding:0;
}

img,  fieldset {
	border:none;
}

* {
	box-sizing:border-box;
}

hr {
	display:none;
	/*
		HR in my code are for semantic breaks in topic/section,  NOT
		style/presenation,  so hide them from screen.css users
	*/
}

@media (max-width:480px) {
	/* Fix for pre "viewport <meta>" mobile browsers */
	* {
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
	}
}

html,  body {
	height:100%;
}

body,  button,  input,  table,  textarea,  select {
	font:normal 1em/1.5 arial, helvetica, sans-serif;
}

body {
/*	display:flex;
	flex-direction:column; */
	background:white /* hsl(220, 100%, 95%)*/ ;
}

body > header, 
body > footer {
	flex:0 0 auto;
	padding:1em;
	background:hsl(220, 100%, 90%);
}

body > header {
	border-bottom:1px solid hsl(220, 100%, 60%);
}

body > footer {
	text-align:center;
	border-top:1px solid hsl(220, 100%, 60%);
}

h1 {
	font-size:2em;
}

p {
	padding-bottom:1.5em;
}