body {
				
				background-color: gray;
				overflow: hidden;
				margin: 0px;
				
			}

			#info {
				position: absolute;
				padding: 10px;
				width: 100%;
				text-align: center;
			}

			a {
				text-decoration: underline;
				cursor: pointer;
			}

			#whyisnt{
				position: fixed;
				font-family: helvetica;
				font-weight: normal;
				letter-spacing: -5px;
				font-style: italic;
				width: 100vw;
				height: 10vh;
				font-size: 100px;
				line-height: 100px;
				text-align: center;
				color:black;
				text-shadow: 0px 0px 30px white;
				z-index: 7;	
				left: 0px;
				top: 10vh;
				mix-blend-mode: multiply;
				text-transform: uppercase;
				

			}
			#theGrad{
				position: fixed;
				height: 50vh;
				bottom: 0vh;
				width: 100vw;
				
				background: red; /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(rgba(0,0,255,0), rgba(164,236,255,1)); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(rgba(0,0,255,0), rgba(164,236,255,1)); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(rgba(0,0,255,0), rgba(164,236,255,1)); /* For Firefox 3.6 to 15 */
				background: linear-gradient(rgba(0,0,255,0), rgba(164,236,255,1)); /* Standard syntax */
					/*mix-blend-mode: exclusion;*/
					z-index: 11;


			}

		


			#theImage{
				position:fixed; 
				top:0px; 
				left:0px;
				width:100vw; 
				height:100vh; 
				z-index:101;
				opacity: 0.5;
				mix-blend-mode: exclusion;
				pointer-events:none;
			}


			#divName{
				position: absolute;
				z-index: 10;
			}



			#map{
				width: 100vw;
				height: 100vh;
				position: absolute;
				z-index: 4;
				top:0px;
				left: 0px;
				mix-blend-mode: exclusion;
				opacity: 0.8;

				
				
			}


			#followmouse{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100vw;
				height: 100vh;
				overflow: hidden;
				z-index: 100;
				opacity: 0.0;
				pointer-events:none;
				-transition: opacity 1s;
				-webkit-transition: opacity 1s;
				-moz-transition: opacity 1s;
			}


			#marker{

				width: 16vw;
				height: 12vw;
				position: fixed;
				bottom: 0px;
				background-image: url("icons-02.png");
				background-size: 16vw;
				background-repeat: no-repeat;
				background-position: bottom; 
				left: 42vw;
				z-index: 102;
				cursor: pointer;
				mix-blend-mode: normal;
			}

			#marker:hover{
					mix-blend-mode: difference;
			}


			#contentHeader{

				position: fixed;
				z-index: 105;
				top: 0px;
				left: 0px;
				width: 100vw;
				background-color: black;
				color: BurlyWood;
				font-weight: lighter;
				font-size: 12px;
				text-align: center;
				padding: 2px;
				padding-bottom: 8px;
				height: 20px;
				font-family: helvetica;
				box-shadow: -5px 1px 15px BurlyWood;
				mix-blend-mode: difference;

			}

			#declare{
				position: absolute;
				font-family: helvetica;
				font-weight: normal;
				letter-spacing: -5px;
				font-style: italic;
				width: 100vw;
				height: 10vh;
				font-size: 150px;
				line-height: 100px;
				text-align: center;
				color:rgb(210,210,210);
				text-shadow: 0px 0px 20px white;
				z-index: 101;
				left: 0px;
				top: 35vh;
				pointer-events:none;
				text-transform: uppercase;
				mix-blend-mode: difference;
				opacity: 0.0;
				-transition: opacity 1s;
				-webkit-transition: opacity 1s;
				-moz-transition: opacity 1s;

			}

			#lengthLoader1{
				position: absolute;
				height: 30px;
				width: 0px;
				top: 0px;
				left: 0px;
				z-index: 106;
				background-color: gray;
				background: gray; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(gray, black, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(gray, black, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(gray, black, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(gray, black, gray); /* Standard syntax */
				box-shadow: -5px 1px 10px BurlyWood;
				-transition: width 0.8s;
				-webkit-transition: width 0.8s;
				-moz-transition: width 0.8s;
			

			}