<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width: 1200px) {
	#gaugewrapper{
	  width: 280px;	
	  height: 280px;
	  margin:0 auto;
  }
  #gaugeandresults{
	  max-width: 280px;
  }

}

@media (min-width: 1200px) {
	#gaugewrapper{
	  width: 390px;	
	  height: 390px;
	  margin:0 auto;
  }
}

#gaugeandresults{
  position:fixed; 
  top:40px; 
  right:2%;
  background-color: #ffd;
  padding: 14px;
  border: 1px solid #666;
}


#pagewrapper{
//	max-width: 700px;
	max-width: 55%;
	margin:0 auto;
	margin-left: 6%;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #dde;
	font-family: Arial;
	font-size: 14px;
}

.pagehead {
	padding: 15px;
	color: #22A;
	//font-size: 29px;
	font-size: 207%;
}

.pageintrotext {
	padding: 0px 15px 15px 15px;
	color: #22A;
	//font-size: 14px;
}


.gaugeresultlabel {
	//font-size: 14px;
}


.gaugeresulttext {
	color: #22A;
	color: #F00;
	font-weight: bold;
}

.gaugehelp {
	color: #333;
	margin-left: 10px;
	max-width: 360px;
	font-style: italic;
	font-size: 90%;
	padding-bottom: 5px;
}


#gauge{
  width: 100%;
  height: 100%;
  }


.qblock {
	color: #FFF;
	margin:0 auto;
	width: 320px;
	padding: 15px 20px;
	//font-size: 16px;
	font-size: 114%;
}

.qhead1 {
	margin-bottom:10px; 
	text-decoration: underline;
	//font-size: 18px;
	font-size: 129%;
}

.qhead2 {
	margin-top:13px;
	margin-bottom:2px; 
	font-style: italic;
	font-weight: bold;
	//font-size: 16px;
	font-size: 114%;
}

</pre></body></html>