@import url('https://fonts.googleapis.com/css2?family=Questrial&family=Poppins&family=Balsamiq+Sans&display=swap');

html, body {
margin:				0px;
padding:			0px;
height:				100%;
border:				none
}

body {
background-color: #fff;
-webkit-text-size-adjust:100%;
}

A:link				{color: #90f;}
A:visited			{color: #90f;}
A:hover				{color: #c7f;}

.logo {
display: 			inline-block;
float: 				left;
margin:				4px 20px 4px 0px;
}

H1 {
display: 			inline-block;
float: 				left;
FONT-FAMILY:		'Varela Round', san serif;
FONT-SIZE:			20px;
FONT-WEIGHT:		normal;
MARGIN:				14px 0px 0px 20px;
COLOR: #90f;
}

.ad {
margin: 			10px 0px;
}

TD.subnav {
cursor: 			pointer;
}

.back-button {
display: 			inline-block;
float: 				left;
margin-right:		15px;
cursor: 			pointer;
}

.list-name {
font-family:		'Questrial', 'Varela Round', san serif;
FONT-SIZE:			24px;
FONT-WEIGHT:		bold;
MARGIN:				0px;
color: #90f;
padding:			2px 0px 0px 0px;
}

P {
font-family: 		'Questrial', 'Varela Round', san serif;
COLOR:				#666;
font-size:			24px;
margin:				10px;
}

P.subnav {
FONT-SIZE:			20px;
FONT-WEIGHT:		bold;
MARGIN:				0px;
}

P.note {
font-size: 			16px;
margin-top: 		30px;
}

.list {
font-weight: 		normal;
font-size: 			32px;
line-height:		100%;
margin:				16px 0px;
white-space:		nowrap;
color: 				#333;
}

.menu-item {
MARGIN:				10px 25px;
COLOR: 				#90f;
font-size:			24px;
font-weight: 		bold;
cursor: 			pointer;
}

.practice-box {
height:				100px; 
width:				500px; 
border:				3px solid #00f;
FONT-FAMILY:		'Questrial', 'Varela Round', san serif;
COLOR:				#00f;
font-size:			48px;
text-align:			center;
margin:				20px;
}

.quiz-box {
height:				100px; 
width:				500px; 
border:				3px solid #f0c;
FONT-FAMILY:		'Questrial', 'Varela Round', san serif;
COLOR:				#f0c;
font-size:			48px;
text-align:			center;
margin:				20px;
}

.results-table {
margin: 			30px 0px;
}

.results-table td {
font-size: 			24px;
padding: 			8px 25px;
}

.button {
margin:				10px;
cursor: 			pointer;
}

.share {
font-family:		'Arial', 'Helvetica', sans-serif;
FONT-SIZE:			14px;
LINE-HEIGHT:		150%;
margin:				15px;
}

.share:link         {color: #999;}
.share:visited      {color: #999;}
.share:hover        {color: #bbb;}

.shareOptions {
margin:				18px 0px;
}

.shareOptions TD {
padding:			0px 10px;
}

.linkBox {
width: 				450px;
font-size: 			14px;
background-color: 	#eee;
border: 			1px solid #ccc;
padding: 			4px;
margin: 			0px;
}

.copyright {
font-family:		'Arial', 'Helvetica', sans-serif;
FONT-SIZE:			11px;
COLOR: 				#90f;
MARGIN:				10px;
}

#instructions {
font-family:		'Arial', 'Helvetica', sans-serif;
FONT-SIZE:			14px;
LINE-HEIGHT:		100%;
HEIGHT: 			30px;
background-color: 	#FFFDD4;
}

#instructions A:link 	{color: #36f;}
#instructions A:visited {color: #36f;}
#instructions A:hover 	{color: #69f;}