:root
{
	--backgroundColor: WhiteSmoke;
	--accentColor: GoldenRod;
	--textColor: DimGrey;
	--barColor: Gray;
	--textSize: 115%;
}

body
{
	margin: 0;
	background-color: var(--backgroundColor);
}


a:link
{
	color: var(--textColor);
}

ul.topnav
{
	float: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: var(--barColor);
}

ul.topnav li
{
	float: left;
}

ul.topnav li a
{
	display: block;
	color: var(--backgroundColor);
	text-align: center;
	padding: 14px 16px;
	font-size: var(--textSize);
	text-decoration: none;
	font-family: sans-serif;
}

ul.topnav li a:hover:not(.active)
{
	background-color: var(--textColor);
}

ul.topnav li a.active
{
	background-color: var(--accentColor);
}

ul.topnav li.right
{
	color: var(--accentColor);
	float: right;
}

@media screen and (max-width: 1010px)
{
	ul.topnav li.right, 
	ul.topnav li
	{
		float: none;
	}
}
h2
{
	font-family: sans-serif;
	color: var(--accentColor);
 	text-align: center;
  	font-size: 250%;
  	line-height: 60%;
}


h3
{
	font-family: sans-serif;
	color: var(--accentColor);
 	text-align: center;
  	font-size: 150%;
  line-height: 60%;
}

p.add
{
	margin: 0cm 0cm 0cm 0cm;
 	text-align: center;
	text-indent:0cm;
}


p
{
	font-size: var(--textSize);
	margin: 0.5cm 5% 0cm 5%;
	color: var(--textColor);
	font-family: sans-serif;
	text-indent:1cm;
}

p.q
{
	color: var(--accentColor);
	text-indent:0cm;
}
p.noind
{
	text-indent:0cm;
}


p.copyright
{
	margin: 0cm 0cm 0cm 0cm;
	font-size: 100%;
	text-align: center;
	text-indent:0cm;
}


iframe
{
    display: block;
    margin: auto;

 }


img
{
    display: block;
    margin: auto;
    width: 60%;
 }



img.pic
{
	 padding-top: 1cm;
    display: block;
    margin: auto;
    width: 10cm;
 }