@charset "UTF-8";

body, body * {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0 none;
	vertical-align: baseline;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.canvas_size {
	position: absolute;
	width: 300px;
	height: 600px;
}

#ad {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #0C2340;
	overflow: hidden;
	visibility: hidden;
	z-index: 1;
}

.sprite {
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(sprite.png);
	background-size: 1500px 600px;}

#exit {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
    display: block;
}
.fontFix {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: visible;
	-ms-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.border {
    
    -webkit-box-shadow: 0 0 0 1px #000 inset;
    box-shadow: 0 0 0 1px #000 inset;
    pointer-events:none;  
	z-index: 111;
}



/*Main*/

#portal {
	position: absolute;
	width: 223px;
	height: 210px;
	left: 41px;
	top: 210px;
	z-index: 10;
}

#ring {
	position: absolute;
	width: 223px;
	height: 210px;
	left: 0px;
	top: 0px;
	background-image: url("ring.png");
	background-repeat: no-repeat;
	background-size:223px 210px;
	z-index: 10;
}

#wedge {
	position: absolute;
	width: 223px;
	height: 210px;
	left: 0px;
	top: 0px;
	background-image: url("wedge.png");
	background-repeat: no-repeat;
	background-size:223px 210px;
	z-index: 11;
}

#tag {
	position: absolute;
	width: 228px;
	height: 215px;
	left: 0px;
	top: 0px;
	background-image: url("tag.png");
	background-repeat: no-repeat;
	background-size:223px 210px;
	z-index: 12;
}
#logo {
	position: absolute;
	background-position: -0px 0px;
	top: 0px;
	left: 0px;
	z-index: 50;
}

#imagine {
	position: absolute;
	background-position: -300px 0px;
	top: 0px;
	left: 0px;
	z-index: 50;
}

#copy1 {
	position: absolute;
	background-position: -600px 0px;
	top: 0px;
	left: 0px;
	z-index: 50;
}
#copy2 {
	position: absolute;
	background-position: -900px 0px;
	top: 0px;
	left: 0px;
	z-index: 50;
}
#cta {
	position: absolute;
	background-position: -1200px 0px;
	top: 0px;
	left: 0px;
	z-index: 50;
}