@charset "UTF-8";

body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	background-repeat:no-repeat;
}

img, div, svg {
	position: absolute;
}

#container {
	margin: auto;
	overflow:hidden;
	background: #000;
    cursor:pointer;
}

#exitBtn {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	background-color: rgba(0,0,0,0);
	border: 1px solid #191616;
}


/* Spritesheet from https://draeton.github.io/stitches/ */

.sprite {
	display: block;
	position:absolute;
	left:0px;
	top:0px;
    background-image: url(spritesheet.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

.sprite-cloud1 {
    width: 300px;
    height: 250px;
    background-position: -2px -2px;
}

.sprite-cloud2 {
    width: 300px;
    height: 250px;
    background-position: -306px -2px;
}

.sprite-cloud3 {
    width: 300px;
    height: 250px;
    background-position: -610px -2px;
}

.sprite-cloud4 {
    width: 300px;
    height: 250px;
    background-position: -914px -2px;
}

.sprite-cloud5 {
    width: 300px;
    height: 250px;
    background-position: -1218px -2px;
}

.sprite-cta {
    width: 600px;
    height: 500px;
    background-position: -2px -256px;
}

.sprite-ctaOver {
    width: 600px;
    height: 500px;
    background-position: -606px -256px;
}

.sprite-f1_woman {
    width: 300px;
    height: 250px;
    background-position: -1522px -2px;
}

.sprite-f2_ladder {
    width: 300px;
    height: 250px;
    background-position: -1210px -256px;
}

.sprite-f2_woman {
    width: 300px;
    height: 250px;
    background-position: -1514px -256px;
}

.sprite-f3_arm1 {
    width: 300px;
    height: 250px;
    background-position: -1210px -510px;
}

.sprite-f3_arm2 {
    width: 300px;
    height: 250px;
    background-position: -1514px -510px;
}

.sprite-f3_city {
    width: 300px;
    height: 250px;
    background-position: -2px -764px;
}

.sprite-f3_rope {
    width: 300px;
    height: 250px;
    background-position: -306px -764px;
}

.sprite-f3_woman {
    width: 300px;
    height: 250px;
    background-position: -610px -764px;
}

.sprite-f4_city {
    width: 300px;
    height: 250px;
    background-position: -914px -764px;
}

.sprite-f4_rope {
    width: 300px;
    height: 250px;
    background-position: -1218px -764px;
}

.sprite-f4_shadow {
    width: 300px;
    height: 250px;
    background-position: -1522px -764px;
}

.sprite-f4_woman {
    width: 300px;
    height: 250px;
    background-position: -2px -1018px;
}

.sprite-logo {
    width: 600px;
    height: 500px;
    background-position: -306px -1018px;
}

.sprite-txt1a {
    width: 600px;
    height: 500px;
    background-position: -910px -1018px;
}

.sprite-txt1b {
    width: 600px;
    height: 500px;
    background-position: -1826px -2px;
}

.sprite-txt2a {
    width: 600px;
    height: 500px;
    background-position: -1826px -506px;
}

.sprite-txt2b {
    width: 600px;
    height: 500px;
    background-position: -1826px -1010px;
}