html {background-color:white; color:black;} 
:root {
	--text-color:black;  
	--background-color: white;
	--text-blue:blue;
} 

@media (prefers-color-scheme: dark) {       
    html {background-color:black; color:white;} 
	:root {
		--text-color:white;  
		--background-color: black;
		--text-blue:dodgerblue;
	}
}

html { font-family:sans-serif; font-size:1.2em;}

hr { border: 1px solid var(--text-color); 
	  }

a { color:black; text-decoration:none;}
a:visited { color:var(--text-color);}
a:active { color:var(--text-color);}
a:hover { color:var(--text-color);}
a.visible_link { text-decoration:underline; color:var(--text-blue) }
a.visible_link:hover { text-decoration:none; color:var(--text-blue) }

div.form_container { padding-top:0.35em;}
div.form_container_last { padding-top:0.35em; padding-bottom:0.4em;}
input { font-size:1em; color:var(--text-color); background-color:var(--background-color); }
form { font-size:1em;}
select { font-size:1em; color:var(--text-color); background-color:var(--background-color); }
#inputdata { border:1px solid var(--text-color); padding:0.2em; font-size:1.2em;}

#inputsubmit  { border:1px solid var(--text-color); padding:0.2em;  
border-radius:0.1em; box-shadow:0.1em 0.1em; cursor:pointer; }
@media (prefers-color-scheme: dark) {       
	#inputsubmit { background-color:dodgerblue; }
}