<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* {
	overflow-y:hidden;
}
*/

/*
http://www.fontsquirrel.com/tools/webfont-generator
*/

/* Makes all elements unselectable */
*
{
  -moz-user-select: none;
  -khtml-user-select: none;
  /*-webkit-user-select: none;*/
  user-select: none;
  font-weight: normal; /* fixes 'mirrored' font issues on ipads*/
  -webkit-text-size-adjust: 100% !important; /* fixes text size increase issue on iphones */
}

@font-face {
    font-family: 'Chewy';
    src: url('../fonts/chewy-webfont.eot');
    src: url('../fonts/chewy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chewy-webfont.woff2') format('woff2'),
         url('../fonts/chewy-webfont.woff') format('woff'),
         url('../fonts/chewy-webfont.ttf') format('truetype'),
         url('../fonts/chewy-webfont.svg#chewyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/muli-regular-webfont.eot');
    src: url('../fonts/muli-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-regular-webfont.woff2') format('woff2'),
         url('../fonts/muli-regular-webfont.woff') format('woff'),
         url('../fonts/muli-regular-webfont.ttf') format('truetype'),
         url('../fonts/muli-regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.createJSContainer{
	position:absolute;
	overflow:hidden;
	border:0;
	margin-bottom:-1px;
	border-style:none;
}

.createJSInnerButton {
    margin-top: -65px;
    margin-left: -53px;
    z-index: -100
}

.buttonInnerText {
	color:#E2FF00;
	font-size:20px;
	margin-top:12px;
	width:165px;
	font-family:Muli, sans-serif;
	line-height:24px;
	padding-bottom:50px;
}


body {
	background-image: url("../img/background.jpg");
	background-size: 100%;
	background-position: 0px 172px;
	background-repeat: no-repeat;
    position:absolute;
    overflow:hidden;
    margin:auto;
    width:100%;
    height:100%;
    min-width: 100%; 
    min-height: 100%;
}

#title-text, #click-to-continue {
	text-align: center;
	margin-top: 20px;

}

#title-text  {
	top: 0px;
}

#title-text h1, #subtitle-text h1{
	font-family:Chewy;
	font-size:66px;
	/*text-shadow: 5px 3px black;*/
	filter: Shadow(Color=black, Direction=100, Strength=4);
	text-shadow:
	5px 3px 0 #000,
	-2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
	color:white;
	margin-top:0px;
	position:relative;
	width:100%;
}

#start-page-text
{
	font-family: Muli;
    font-size: 33px;
    color: black;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	left: 100px;
    top: 225px;
    width: 1200px;
}

#click-to-continue h1{
	font-family:Chewy;
	font-size:55px;
	/*text-shadow: 5px 3px black;*/
	filter: Shadow(Color=black, Direction=100, Strength=4);
	text-shadow:
	5px 3px 0 #000,
	-2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
	color:white;
	margin-top:0px;
	position:relative;
}


#page-container {
	position: absolute;
  	top:-100%;
	bottom:-100%;
	right: 0;
	left: 0;
	margin: auto;
	width: 1328px;
	height: 800px;
	overflow: hidden;
}

#narrator-button, #back-button {
	position:absolute;
	width:117px;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}



#page-prev {
	position:absolute;
	cursor:pointer;
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9);
	-ms-transform: scale(.9,.9);
}

#page-next {
	position:absolute;
	cursor:pointer;
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9);
	-ms-transform: scale(.9,.9);
}

#page-finish {
	position:absolute;
	cursor:pointer;
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9);
	-ms-transform: scale(.9,.9);
}


#menu-elements {
	z-index:-10;
}

#menu-loop {

	position:absolute;
	z-index:-100;
	top:170px;
	height:445px;
	width:1328px;
	background-color:#6188A9;
}

.button {
	cursor:pointer;
}

.question-container {
	position: absolute;
    width: 1100px;
    height: 230px;
    top: 700px;
    left: 130px;
    background-color: #EBF2F8;
    padding: 10px;
    border-radius: 20px;
    border-style: solid;
    border-width: 10px;
    border-color: #0090ad;
}
.interactive {
	cursor: pointer
}

.question-description {
	position:relative;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:32px;
	line-height: 33px;
	font-weight:normal;
	color:#000000;
	padding-bottom: 5px;
}

.question-sentence {
	position:relative;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:30px;
	line-height: 30px;
	font-weight:normal;
	color:#000000;
	padding-bottom: 5px;
}

.answerText {
	font-family: 'Muli', sans-serif;
	font-size:27px;
	line-height:38px;
	font-weight:normal;
	color:#171717;
}

.answerTextLarge {
	font-family: 'Muli', sans-serif;
	font-size:37px;
	font-weight:normal;
	color:#171717;
}


input[type="radio"]{
    width:25px;
    height:22px;
    margin: 0px 4px 0px 0px !important;
}

#timer {
	position:absolute;
	font-family: 'Muli', sans-serif;
	font-size:52px;
	font-weight:normal;
	color:#000000;
}

.horizontalLable
{
	width: 270px;
    text-align: center;
    margin-left: -123px;
}

.multiChoice
{
	cursor: pointer
}



#scroll-down-img 
{
	position: absolute;
    left: 1141px;
    top: 660px;
    z-index: 50;
}

#scroll-down-text 
{
	position: absolute;
    font-family: Muli, sans-serif;
    left: 1190px;
    top: 590px;
    z-index: 50;
    color: white;
    background-color: #4ca6d0;
    width: 170px;
    padding: 7px;
    border-color: #212b38;
    border-style: solid;
    border-radius: 20px;
}

#main-menu 
{
	font-family: Muli;
	text-align: center;
}

#test-type-yr-3
{
	position:absolute; 
	left: 115px; 
	top: 400px;
}

#test-type-yr-5
{
	position:absolute; 
	left: 725px; 
	top: 400px;
}

#question-sets
{
	position:absolute; 
	top: 675px;
    left: 480px;
}

#main-menu h1 
{
	font-size: 70px;
	margin: 0;
}

#main-menu h2 
{
	font-size: 45px;
	border-style: none;
    border-radius: 20px;
    padding: 20px 30px;
}

#main-menu table 
{
	width: 1230px;
}

#main-menu td
{
	padding:10px;
}

.menuButton
{
	cursor: pointer;
}</pre></body></html>