/* override default html setup */
/*@import 'https://fonts.googleapis.com/css?family=Roboto';*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'); */

:root {
	/*--fullhead	: #c6354a;*/
	--fullhead	: #070d4c;
	--fullbg	: #f3f3f3;
	--adefault	: #336;
	--ahover	: #114;
	/* --wssearch	: #cf0b10; */
	/* --wssearch	: #070d4c; */
	--wssearch	: #bab2d7;
	
	--iconcolor	: #070d4c;
	--iconhover	: #cf0b10;
}

* { box-sizing: border-box; }

body, pre, table, input, select { font-family: Roboto, Calibri, Arial; font-size: 0.9em; margin: 0px; padding: 0px; color: #333; font-weight: 100; }
body { background-color: var(--fullbg); }
img { border: 0px; }

table { border-spacing: 0px; }

a { color: var(--adefault); }
a:hover { color: var(--ahover); }

ul { list-style-type: none; margin: 0px; padding: 0px; }
li { padding: 0px; margin: 0px; }

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}