html, body{ cursor:none; width: 100%;height: 100%;margin: 0;background: black;}
html{overflow-x: hidden;}
h1{ font-weight: 400; letter-spacing: 3px;    font-family: "PWDottedFont";    color: white;   
position: absolute;       text-transform: uppercase;
top: 114px;    left: 91px;    font-size: 28px;
}
body{ position: absolute;  text-align: center; font-family:"Zigzag";color: white; font-size: 14.4px; }
#welcomeEyeSVG{position: absolute;    z-index: 1;  width: 42%;       }
#container, #landingPage{width: 400px;max-width: 100%;}
#welcomeStringSVG{   
    position: absolute;
    left: 15px;
    width: 280px;
    top: 15px;
}
#welcomeYarn{    position: absolute;        top: 212px;
    left: 187px;
    width: 41px;}
#landingPage{ position: absolute; z-index: 1;opacity: 0;}
#container{    position: relative;  text-align: center;  margin:auto;   } 
#content{opacity: 0;position: relative; }
#loadingJourney, #startJourney{    
    color: white;
    position: absolute;
    top: 268px;
    left: 111px;
    font-size: 16px;
}
#startJourney{opacity:0; }

@media only screen and (min-width: 768px) {
	#container, #landingPage{width: 768px;}
	#welcomeStringSVG {	    left: 11px;	    top: 30px;	    width: 67%;	}	
	#welcomeEyeSVG{	    left: 250px;	    top: 138px;	   width: 35%; transform: scale(1.2);	}
	h1{	    top: 205px;	    left: 144px;	    font-size: 63px;	}
	#welcomeYarn {	    left: 344px;	    top: 399px;	    width: 54px;	}
	#loadingJourney, #startJourney {	    top: 459px;	    left: 267px;	    font-size: 22px;	}
}

@media only screen and (min-width: 1200px) {
	#container, #landingPage{max-width: 1200px;width: 1200px;}
	#welcomeStringSVG {left: 173px;    top: 51px;    width: 51%;	}
	#welcomeEyeSVG{	    left: 388px;    	    top: 228px; width: 35%; transform: translate(-237px, -56px);	}
	h1{	    top: 271px;     left: 339px;   font-size: 66px; 	}
	#welcomeYarn {left: 575px;    top: 492px;    width: 70px;	}
	#loadingJourney, #startJourney { top: 623px;    left: 480px;    font-size: 24px;	}
}