html, body, div, ul, li, p, img, h1, h2, h3, h4, h5, h6 {
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
}

html {
	z-index: -100;
}

body {
	background-attachment: fixed;
	font-family: helvetica, verdana, sans;
	z-index: -99;
	overflow: hidden;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  cursor: default;
  -ms-scroll-translation: vertical-to-horizontal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  overflow: hidden;
  direction: ltr;
}

#startBack
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	display:none;
}

#rulesImg
{
	position:absolute;
	width:7%;
	top:3%;
	left:1%;
	z-index:5;
	cursor:pointer;
    opacity:0.9;
    display: none;
}

    #rulesImg:hover {
        opacity:1;
    }

#rules
{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	width:100%;
	height:100%;
	cursor:pointer;
	display:none;
}

#easy, #hard
{
	position:absolute;
	cursor:pointer;
	z-index:10;
	bottom:20%;
	width:20%;
    opacity:0.9;
    display: none;
}

#easy
{
	left:20%;
}

#hard
{
	right:20%;
}

    #easy:hover, #hard:hover {
        opacity:1;
        width:21%;
    }