:root
{
    --page-body-background-color:  rgb(76, 119, 102);
    --page-background: rgb(76, 119, 102);
    --link-color: black;

    --table-thead-background-color: white;
	--heading-color: 		white;
	--heading-shadow-color: 		grey;

	--table-data-head-background:	black;
	--table-data-head-color: 		white;
	--table-data-row-even-background: rgba(202, 193, 191, 0.664);
	--table-data-row-odd-background: ivory;
}

.card
{
    text-align: center;
    border-radius: 25px;
	padding: 5px 5px 10px 5px;
	margin: 5px;
}

.card.info
{
    background-color: grey;
}

.card.userattention
{
    background-color: white;
	color:black;
}

.card.userattention h2,.card.userattention h3 { color: black;}
.card.userattention a { color:black;}

.card.stats
{
    background-color: grey;
    color: black;
    font-size: xx-large;
    font-weight: 900;
}

a,a:visited,a:link  { font-weight: 400;}
.menulink           { font-size:10pt; width:150pt; height:60pt; text-align:center; background-color: grey; color: black; display: inline-block; border-radius: 25px; margin: 5px;}
.question           { background-color: rgb(105, 99, 99);  color:black;}
.answer             { background-color: rgb(105, 99, 99);  color:white; font-weight: 500;}
.answeroption       { background-color: grey;   color:black; font-weight: 750; font-size: 16pt; display: block; width:200pt; }

table td  { vertical-align: top;}

input   { font-size: 16pt; }

.hyperlinkbutton
{
	display:inline-block;
	padding:0.35em 1.2em;
	border:0.1em solid black;
	margin:0 0.3em 0.3em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration: underline;
	text-align:center;
	transition: all 0.2s;
	font-weight:bold;
	color: black;
	background-color: grey;
    font-size: small;
}

.hyperlinkbutton:hover 
{
	background-color:purple;
}

#questionnaire { font-size: medium; color:black; }
#questionnaire h1, #questionnaire h2  { font-size: large; color:black; }
#questionnaire a { font-size: xx-large; color:black; background:grey; width:400px; }

wapp-50year-stat
{
    text-align: center;
    border-radius: 25px;
	border: 0pt solid purple;
	background-color: grey;
	display: inline-block;
	width:150pt;
	padding-bottom: 5px;
	margin: 5px;
	font-size:medium;
} 

wapp-50year-stat number { font-size: xx-large; font-weight: 900; }
wapp-50year-stat wtitle { font-size: normal; text-decoration: italic; }