@charset "ISO-8859-1";

*{
	padding: 0;
	margin: 0;
	border: 0;
	//cursor:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
@font-face {
    //font-family: Gotham;
    //src:url(../../fonts/Gotham-Medium.otf);
}
html, body{
	background-color:#333;
	//cursor:pointer;
	overflow:hidden;
	width:100%;
	height:100%;
	//font-family:Gotham, Arial, sans-serif;
	font-family:Arial, sans-serif;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	position:fixed;
	top:0px;
	left:0px;
}
::selection {
	background: transparent;
}
::-moz-selection {
	background: transparent;	
}
#mainContainer{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:#FFF;
}
#eyeContainer{
	position:absolute;
	top:50%;
	left:50%;
	height:350px;
	width:400px;
	margin:-285px 0px 0px -200px;
	//background-color:#EEE;
}
#eyeImage{
	position:absolute;
	top:50px;
	left:75px;
	height:250px;
	width:400px;
	background-image:url(iris.svg);
	background-repeat:no-repeat;
	background-size:contain;
}
#buttonContainer{
	position:absolute;
	bottom:0px;
	left:0px;
	height:245px;
	right:0px;
	background-color:#FFF;
}
.button{
	height:70px;
	font-weight:bold;
	background-color:#EEE;
	text-align:center;
	font-size:22px;
	color:#555;
	padding:10px 20px 0px 20px;
	margin:0px 15px 10px 15px;
	border:solid 3px #CCC;
	box-sizing:border-box;
	border-radius:15px;
	cursor:pointer;
}
.button:hover{
	//background-color:#FFF;
}

@media screen and (max-width:400px), screen and (max-height: 550px){
#eyeContainer{
	//left:0px;
	//margin-left:0px;
	transform:scale(0.65);
}
.button{
	font-size:18px;
	height:60px;
	padding-top:5px;
}
#buttonContainer{
	height:215px;
}
}


.noBold{
	font-weight:normal;
}
#lightStreak{
	position:absolute;
	top:0px;
	left:0px;
	height:350px;
	width:60px;
	background-color:#DDCCEE;
	opacity:0.85;
	border-radius:30px;
	cursor:pointer;
}
#pupil{
	position:absolute;
	top:50%;
	left:50%;
	height:150px;
	width:150px;
	margin:-75px 0px 0px -75px;
	background-color:#000;
	border-radius:1000px;
	overflow:hidden;
}
#pupilStreak{
	position:absolute;
	top:0px;
	left:-200px;
	height:170px;
	width:30px;
	background-color:#DDCCEE;
}
#button0{
	border:solid 3px #666;
	background-color:#FFF;
}
#instructions{
	position:absolute;
	width:100%;
	text-align:center;
	font-size:18px;
	font-style:italic;
	//padding-top:30px;
	margin-top:310px;
	//background-color:#FFF;
	//display:none;
	z-index:1500;
}
#log{
	background-color:#0F0;
	display:none;
}