*{
	padding:0;
	margin:0;
	max-width:100vw;
	max-height:100vh;
	font-family: BIT;
	max-height:100vh;	
}

html {
	margin:0;
	overflow-y:hiddenz;
}

body {
	background-image: url("BUILD/GAME/GAME-PHONEBG.jpg");
	background-size:cover;
	height:100vh;
	overflow:hiddenz;
}

.hidden {
	display:none;
}

P {
	text-align: center;
	white-space:pre-wrap;
}

object {
	height:90vh;
}



#WRAPPER {
	width: 100vw;
	height:100vh;
	display:block;
	z-index:3;
}

.WRAPPER {
	min-width: 100vw;
	min-height:100vh;
	display:block;
}

#RETURN {
	position:absolute;
	color:white;
	top:50px;
	width:100%;
	font-size:130%;
	text-align: center;
	animation-fill-mode: forwards;
	opacity:0;
	animation-duration:3s;
	animation-delay:4000ms;
}

#RETURN2 {
	position:absolute;
	top:90vh;
	line-height:10vh;
	width:100%;
	color:limegreen;
	font-size:200%;
	text-align: center;
	opacity:0;
}

/* AUDIO PLAYER */

#AUDIOICON {
	color: white;
	display:inline-flex;
	font-size:70px;
	line-height:70px;
	position:absolute;
	top:0;
	height:70px;
	left:0px;
	padding:40px;
	padding-right:45px;
	padding-bottom:40px;
	padding-top:40px;
	background:rgba(255,255,255,0.2);
	z-index:999999;
}

#SPEAKER {
	background-image:url("BUILD/GAME/GAME-SPEAKERPIC.png");
	background-size:contain;
	height:70px;
	width:70px;
	background-repeat: no-repeat;
}

#MEDPLAYER {
	width:100vw;
	height:100vh;
	color:white;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
}

.SLOWER {
	animation: MEDPLAYERFADER 1s linear;
	animation-fill-mode:forwards;
	animation-delay: 4s;
}

.REGGAE {
	animation: MEDPLAYERFADER 1s linear;
	animation-fill-mode:forwards;
}

.INITIAL::before {
	content:'<< TOGGLE AUDIO PLAYER';
	position: absolute;
	top:70px;
	left:170px;
	animation: SCFADER 1s linear;
}

@keyframes MEDPLAYERFADER {
	0% {opacity:0;}
	100% {opacity:1;}
}

.HOLIDAYSC2 {
	height:600px;
	width:80%;
	position:relative;
	TOP:25%;
	left:10%;
	border:10px solid white;
	box-shadow:5px 5px 0px grey;
	opacity:0;
	animation: SCFADER 1s linear;
	animation-fill-mode: forwards;
}

@keyframes SCFADER {
	0% {opacity:0}
	100% {opacity:1}
}

.HIDE {
	display:none;
}

.SHOW {
	display:block;
	animation: MEDPLAYERFADER 1s linear;
	animation-fill-mode:forwards;
}



/* SCENE CLASS */

.S0 {
	background-image: url("BUILD/GAME/GAME-PHONEBG.jpg");
	background-size:cover;
}

.S1 {
	background-image:url("BUILD/GAME/GAME-BG4.jpg");
	background-position:bottom;
}

.CALL1 {
	background-image:url("BUILD/GAME/GAME-BG2.jpg");
	animation:CALL1 12s;
	animation-fill-mode: forwards;
	background-position:bottom;
	animation-delay:1s
}

.S2 {
	background-image:url("BUILD/GAME/GAME-BG2.jpg");
	animation:CALL1 12s;
	animation-fill-mode: forwards;
	background-position:bottom;
	animation-delay:1s
}

.S3 {
	background-image: url("BUILD/GAME/GAME-CALL-TERRY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S4 {
	background-image: url("BUILD/GAME/GAME-CALL-JIMMY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S5 {
	background-image:url("BUILD/GAME/GAME-BG3.jpg");
	background-position:bottom;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.39);
}

.S6 {
	background-image: url("BUILD/GAME/GAME-CALL-MONEY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S7 {
	background-image: url("BUILD/GAME/GAME-CALL-MONEY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.93);
}

.S8 {
	background-image: url("BUILD/GAME/GAME-BG3.jpg");
	background-size:130%;
	background-position:bottom center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.85);
}

.S9 {
	background-image: url("BUILD/GAME/GAME-BG5.jpg");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.63);
}

.S10 {
	background-image: url("BUILD/GAME/GAME-BG6.jpg");
	background-size:100%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.78);
}

.S11 {
	background-image: url("BUILD/GAME/GAME-BG6.jpg");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.78);
}

.S12 {
	background-image: url("BUILD/GAME/GAME-BG7.jpg");
	background-size:130%;
	background-position:bottom center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.78);
}

.S13 {
	background-image: url("BUILD/GAME/GAME-BG7.jpg");
	background-size:120%;
	background-position:bottom right;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.78);
}

.S14 {
	background-image: url("BUILD/GAME/GAME-BG7.jpg");
	background-size:120%;
	background-position:bottom right;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S15 {
	background-image: url("BUILD/GAME/GAME-BG7.jpg");
	background-size:120%;
	background-position:bottom right;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S16 {
	background-image: url("BUILD/GAME/GAME-BG7.jpg");
	background-size:120%;
	background-position:bottom right;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S17 {
	background-image: url("BUILD/GAME/GAME-CALL-TERRY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S18 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S19 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S20 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S21 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S22 {
	background-image: url("BUILD/GAME/GAME-BG6.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S23 {
	background-image: url("BUILD/GAME/GAME-BG6.jpg");
	background-size:120%;
	background-position:top left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.53);
}

.S24 {
	background-image: url("BUILD/GAME/GAME-CALL-JIMMY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S25 {
	background-image: url("BUILD/GAME/GAME-CALL-JIMMY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S26 {
	background-image: url("BUILD/GAME/GAME-CALL-JIMMY_OUT.png");
	background-size:130%;
	background-position:center center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.89);
}

.S27 {
	background-image: url("BUILD/GAME/GAME-BG6.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S28 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom right;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S29 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom right;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S30 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S31 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.87);
}

.S32 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom center;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.77);
}

.S33, .S34, .S35, .S36, .S37 {
	background-image: url("BUILD/GAME/GAME-BG6.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

.S38, .S39, .S40, .S41, .S42, .S43, .S44 {
	background-image: url("BUILD/GAME/GAME-BG10.jpg");
	background-size:130%;
	background-position:50% 80%;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.67);
}

@keyframes S44FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG10.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG12.jpg");
	}
}

.S44 {
	animation: S44FADE 3s linear;
	animation-fill-mode: forwards;
	animation-delay: 5s;
}

.S45, .S46, .S47 {
	background-image: url("BUILD/GAME/GAME-BG12.jpg");
	background-size:130%;
	background-position:50% 80%;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.67);
}

@keyframes S47FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG12.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG10.jpg");
	}
}

.S47 {
	animation: S47FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

.S48, .S49, .S50, .S51, .S52, .S53, .S54, .S55 {
	background-image: url("BUILD/GAME/GAME-BG8.jpg");
	background-size:120%;
	background-position:bottom left;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);
}

@keyframes S55FADE {
	0%{box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.83);}
	100% {box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 1);}
}

.S55 {
	animation: S55FADE 8s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

@keyframes S56FADE {
	0% {box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 1);}
	100%{box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.67);}
}

.S56 {
	background-image: url("BUILD/GAME/GAME-BG10.jpg");
	background-size:130%;
	background-position:50% 80%;
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 1);
	animation: S56FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

.S57 {
	background-image:url("BUILD/GAME/GAME-BG4.jpg");
	background-position:bottom;
}

.S58, .S59, .S60 {
	background-image:url("BUILD/GAME/GAME-BG13.jpg");
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);
}

@keyframes S60FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG13.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG10.jpg");}
}

.S60 {
	animation: S60FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

@keyframes S61FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG10.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG13.jpg");}
}

.S61 {
	background-image: url("BUILD/GAME/GAME-BG10.jpg");
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);
	animation: S61FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

.S62, .S63 {
	background-image: url("BUILD/GAME/GAME-BG13.jpg");
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);
}

@keyframes S63FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG13.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG14.jpg");}
}

.S63 {
	animation: S63FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 15s;
}

.S64, .S65, .S66, .S67 {
	background-image: url("BUILD/GAME/GAME-BG14.jpg");
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);
}

@keyframes S67FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG14.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG16.jpg");}
}

.S67 {
	animation: S67FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

@keyframes S67FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG14.jpg");}
	100% {background-image: url("BUILD/GAME/GAME-BG16.jpg");}
}

.S67 {
	animation: S67FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

@keyframes S68FADE {
	0%{background-image: url("BUILD/GAME/GAME-BG16.jpg"); box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);}
	100% {background-image: url("BUILD/GAME/GAME-BG15.jpg"); box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .12);}
}

.S68 {
	background-image: url("BUILD/GAME/GAME-BG16.jpg");
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);
	animation: S68FADE 2s linear;
	animation-fill-mode: forwards;
	animation-delay: 1s;
}

.S69, .S70, .S71 {
	background-image: url("BUILD/GAME/GAME-BG16.jpg");
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, .72);
}

/* TAP TO CONTINUE */

.TAPCONT::before {
	content:'TAP TO CONTINUE';
	position:absolute;
	top:0px;
	left:0px;
	color:white;
	width:100%;
	text-align: center;
	font-size:130%;
	top:75px;
	animation: FLASHER 2s infinite;
	animation-delay: 14s;
	opacity:0;
}


/* CHOICE BOX */

.CHOICEBOX {
	position:absolute;
	top:0;
	left:0;
	z-index:9999999;
	min-width:100vw;
	min-height:100vh;
	background:rgba(0,0,0,0.9);
	animation: CHOOSER 2s;
	animation-fill-mode: forwards;
	animation-delay:5s;
	opacity:0;
	
}

.S5 .CHOICEBOX {
	animation-delay:3s;
}

.S10 .CHOICEBOX {
	animation-delay:13s;
}

.S11 .CHOICEBOX {
	animation-delay:8s;
}

.S16 .CHOICEBOX {
	animation-delay:7s;
}

.S18 .CHOICEBOX {
	animation-delay:15s;
}

.S21 .CHOICEBOX {
	animation-delay:17s;
}

.S26 .CHOICEBOX {
	animation-delay:11s;
}

.S53 .CHOICEBOX {
	animation-delay:15s;
}

.S62 .CHOICEBOX {
	animation-delay:15s;
}


.CHOICEINNER {
	position:relative;
	top:34vh;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	background:rgba(255,255,255,0.8);
	box-shadow:5px 5px grey;
	align-content: center;
	text-align: center;
	font-size:250%;
	padding-top:40px;
	padding-bottom:40px;
	opacity:0;
	animation: CHOOSER 2s;
	animation-delay:6s;
	animation-fill-mode: forwards;
	background-image:url("BUILD/GAME/GAME-BGWHITE.jpg");
	background-repeat:repeat;
}

.S5 .CHOICEINNER {
	animation-delay:4s;
}


.S10 .CHOICEINNER {
	animation-delay:14s;
}

.S16 .CHOICEINNER {
	animation-delay:8s;
}

.S18 .CHOICEINNER {
	animation-delay:16s;
}

.S21 .CHOICEINNER {
	animation-delay:18s;
}

.S26 .CHOICEINNER {
	animation-delay:12s;
}

.S53 .CHOICEINNER {
	animation-delay:16s;
}

.S62 .CHOICEINNER {
	animation-delay:16s;
}

.CHOICE {
	margin-left:auto;
	margin-right:auto;
	text-decoration: none;
	font-size:70%;
	border:4px solid black;
	padding:20px;
	padding-top:25px;
	width:80%;
	margin-top:20px;
	background:rgba(0,0,0,0.07);
}

.CHOICE:hover {
	background:rgba(0,0,0,0.3);
}

@keyframes   CHOOSER {
	0% {opacity:0;}
	100% {opacity:1;}
}

a:link {text-decoration: none; color:black;}
a:active {text-decoration: none; color:black;}
a:visited {text-decoration: none; color:black;}
a:hover {text-decoration: none; color:black;}

/* OG GAME BUILD */

#STARTCOUNT::after {
	position:absolute;
	top:45%;
	left:50%;
	color:white;
	content:"3 ";
	display:block;
	font-size:100px;
	font-family: BIT;
	text-align: center;
	width:100%;
	transform: translate(-50%,-50%);
	animation: COUNTDOWN 4s linear;
	animation-fill-mode: forwards;
}

@keyframes COUNTDOWN {
	0%{content:"3";}
	25%{content:"2";}
	50%{content:"1";}
	75%{content:"GO!";}
	100%{content:'';}
}

.STARTCOUNTER3::after {
	position:absolute;
	top:50%;
	left:50%;
	color:white;
	content:"3 ";
	opacity:0;
	display:block;
	font-size:100px;
	font-family: BIT;
	text-align: center;
	width:100%;
	transform: translate(-50%,-50%);
	animation: FADECOUNT 1s linear;
}


.STARTCOUNTER2::after {
	position:absolute;
	top:50%;
	left:50%;
	color:white;
	content:"2";
	opacity:0;
	display:block;
	font-size:100px;
	font-family: BIT;
	text-align: center;
	width:100%;
	transform: translate(-50%,-50%);
	animation: FADECOUNT 1s linear;
	animation-delay: 1s;
}

.STARTCOUNTER1::after {
	position:absolute;
	top:50%;
	left:50%;
	color:white;
	content:"1";
	opacity:0;
	display:block;
	font-size:100px;
	font-family: BIT;
	text-align: center;
	width:100%;
	transform: translate(-50%,-50%);
	animation: FADECOUNT 1s linear;
	animation-delay: 2s;
}

.STARTCOUNTERGO::after {
	position:absolute;
	top:50%;
	left:50%;
	color:white;
	content:"GO!";
	opacity:0;
	display:block;
	font-size:100px;
	font-family: BIT;
	text-align: center;
	width:100%;
	transform: translate(-50%,-50%);
	animation: FADECOUNT 1s linear;
	animation-delay: 3s;
}

@keyframes FADECOUNT {
	0% {opacity:0;}
	50% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}

.COINz {
	position:absolute;
	top:20px;
	right:10px;
	width:90px;
	height:90px;
	display:block;
	background-image: url("BUILD/GAME/JIMMYITK-SADCOIN_BLUE.png");
	background-size:contain;
	background-repeat: no-repeat;
	animation: COINSPIN 4s infinite;
}

#GAME {
	margin-top:10vh;
	width:100vw;
	height:80vh;
}

#CHARACTER {
	width:20vH;
	height:20vh;
	position:relative;
	top:60vh;
	left:10px;
	background-image: url("BUILD/GAME/GAME-TERRYPIC.png");
	background-size:contain;
}

.ANIMATE {
	animation: JUMP 1s;
}

#BLOCK {
	width: 10vh;
	height:10vh;
	background:pink;
	position:relative;
	top:50vh;
	left:90vw;
	animation: BLOCKZ 2s infinite;
	animation-delay: 4s;
}
 
@keyframes BLOCK {
	0%{left:90vw;}
	100%{left:-25vw;}
}

@keyframes JUMP {
	0% {top:60vh;}
	30% {top:45vh;}
	70% {top:45vh;}
	100% {top:60vh;}
}


/* TITLE SCREEN */

#MAINTITLE {
	width:797px;
	height:100vh;
	padding-top:40vh;
	position:relative;
	display:block;
	top:45vh;
	left:50vw;
	transform: translate(-50%,-50%);
}

.GAMEPIC {
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	position:relative;
}

.CHARPIC {
	height:333.45px;
}

.FULLPIC {
	height:488px;
}

.JIMMY {
	width:357.3px;
}

#JIMMYINNER {
	background-image: url("BUILD/GAME/GAME-JIMMYPIC.png");
	width:361.8px;
	display:block;
}


.BLINKER2 {
	animation: JIMMYBLINK 8s infinite;
	animation-delay:1600ms;
}

@keyframes JIMMYBLINK {
	0%{background-image: url("BUILD/GAME/GAME-JIMMYPIC.png");}
	89%{background-image: url("BUILD/GAME/GAME-JIMMYPIC.png");}
	90%{background-image: url("BUILD/GAME/GAME-JIMMYPIC_alt.png");}
	100%{background-image: url("BUILD/GAME/GAME-JIMMYPIC.png");}
}



.TERRY {
	width:361.8px;
	top:-333.45px;
	left:460px;
	display:block;
}

#TERRYINNER {
	background-image: url("BUILD/GAME/GAME-TERRYPIC.png");
	width:361.8px;
	display:block;
}

#GIRLSINNER {
	background-image: url("BUILD/GAME/GAME-GIRLSPIC.png");
	width:700px;
	display:block;
	background-position:bottom center;
}

#SNOWMANGANGINNER {
	background-image: url("BUILD/GAME/GAME-SNOWMANGANGPIC.png");
	width:700px;
	display:block;
	background-position:bottom center;
}

.SMOKER2 {
	animation: TERRYSMOKE 2s infinite;
	animation-delay:1600ms;
}

@keyframes TERRYSMOKE {
	0%{background-image: url("BUILD/GAME/GAME-TERRYPIC.png");}
	49%{background-image: url("BUILD/GAME/GAME-TERRYPIC.png");}
	50%{background-image: url("BUILD/GAME/GAME-TERRYPIC_alt.png");}
	99%{background-image: url("BUILD/GAME/GAME-TERRYPIC_alt.png");}
	100%{background-image: url("BUILD/GAME/GAME-TERRYPIC.png");}
}

#SKOEINNER {
	background-image: url("BUILD/GAME/GAME-SKOEPIC.png");
	width:361.8px;
	display:block;
}

#SNOWMANFULLINNER {
	background-image: url("BUILD/GAME/GAME-SNOWMANPIC-FULL.png");
	width:361.8px;
	display:block;
}

#SNOWMANINNER {
	background-image: url("BUILD/GAME/GAME-SNOWMANPIC.png");
	width:361.8px;
	display:block;
}

#SANTAINNER {
	background-image: url("BUILD/GAME/GAME-SANTAPIC.png");
	width:361.8px;
	display:block;
}

#ARTISTTITLE {
	width:100%;
	height:46.35px;
	position:relative;
	top:-300px;
	background-size:contain;
	background-repeat:no-repeat;
}

.AT {
	height:46.35px;
}

#AT-JIMMY {
	background-image: url("BUILD/GAME/GAME-TITLE-JIMMY.png");
}

#AT-X {
	background-image: url("BUILD/GAME/GAME-TITLE-X.png");
	left:351.45px;
	top:-46.35px;
}

#AT-TERRY {
	background-image: url("BUILD/GAME/GAME-TITLE-TERRY.png");
	left:404.55px;
	top:-92.7PX;
}

#HOLIDAYTITLE {
	width:100%;
	height:130.5px;
	position:relative;
	top:-287px;
	z-index: 99999;
	background-image: url("BUILD/GAME/GAME-TITLE-HOLIDAY.png");
	background-size:contain;
	background-repeat:no-repeat;
}

#STARTBUTTON {
	color:white;
	text-align:center;
	font-size:60px;
	position:relative;
	top:-200px;
	opacity:0;
	animation: FLASHER 2s infinite;
	animation-delay:3000ms;
}

@keyframes FLASHER {
	0%{opacity:0;}
	50%{opacity:1}
	100%{opacity:0;}
}

/* SINGLE DIALOGUE*/


.SINGLEPIC {
	position:absolute;
	bottom:15vh;
	width:100%;
}

.S63 .SINGLEPIC {
	animation-delay:14s;
}

.CENTER {
	margin-left:auto;
	margin-right:auto;
}

.TALKBOX {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:700px;
	top:12vh;
	max-width:797px;
	color:white;
	font-size:2.5vh;
	text-align:left;
	padding:100px;
	white-space:wrap; 
	line-height:50px;
	text-shadow:0px 0px 20px black;
}

.S15 .TALKBOX {
	font-size:1.9vh;
	top:11vh;
}

.S59 .TALKBOX {
	font-size:2vh;
}

.S66 .TALKBOX {
	font-size:2vh;
}

.S68 .TALKBOX {
}

/* DOUBLE DIALOGUE */


.TALKBOX-2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:88vh;
	top:9vh;
	width:797px;
	max-width:797px;
	color:white;
	font-size:2.5vh;
	padding:100px;
	white-space:wrap; 
	line-height:50px;
	justify-content: center;
	text-shadow:0px 0px 20px black;
}

.CHATBLOCK {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:678px;
}

.CHATICON {
	width:70px;
	height:70px;
	background-size:contain;
	background-repeat:no-repeat;
}

.RIGHTICON {
	position:relative;
	left:613px;
}

.TERRYCHAT {
	background-image: url("BUILD/GAME/GAME-TERRYPIC.png");
}

.JIMMYCHAT {
	background-image: url("BUILD/GAME/GAME-JIMMYPIC.png");
}

.MONEYCHAT {
	background-image: url("BUILD/GAME/GAME-MONEYPIC.png");
}

.ELVESCHAT {
	background-image: url("BUILD/GAME/GAME-ELVES-SINGLE-PIC.png");
}

.SKOECHAT {
	background-image: url("BUILD/GAME/GAME-SKOEPIC.png");
}

.EMOJI {
	max-height:2vh;
	max-width:auto;
	position:relative;
	top:4px;
}

.CHATTEXT {
	position:relative;
	font-size: 2.5vh;
	line-height:2.4vh;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:3px;
	top:-66px;
	border-radius:0px;
	width:589px;
	box-shadow:3px 3px #ccc;
	margin-bottom:20px;
}

.LEFTTEXT {
	left:80px;
	background:#414141;
}

.RIGHTTEXT {
	background:#438af6;
}

#CHAT1 {
	animation-delay:1s;
}

#CHAT2 {
	animation-delay:4s;
}

#CHAT3 {
	animation-delay:7s;
}

#CHAT4 {
	animation-delay:10s;
}

#CHAT5 {
	animation-delay:13s;
}

#CHAT6 {
	animation-delay:16s;
}

.INCOMINGCALL {
	bottom:12vh;
	width:100%;
	height:80px;
	position:absolute;
}

.PHONEINNER {
	position:relative;
	background-image:url("BUILD/GAME/GAME-CALLINGPHONE.png");
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:auto;
	margin-right:auto;
	width:53.94px;
	height:80px;
	opacity:0;
	animation: FLASHER 2s infinite;
	animation-delay:8100ms;
}

/* CHARACTER EVENT SCREEN */

.EVENTPIC {
	position:absolute;
	bottom:45vh;
	width:92%;
	right:0;
	Z-index:9999;
}

.S19 .EVENTPIC {
	width:100%;
}

.S34 .EVENTPIC, .S43 .EVENTPIC, .S47 .EVENTPIC {
	bottom:56vh;
}

.BEHINDPIC {
	position:absolute;
	width:92%;
	z-index:3;
	bottom:51vh;
	right:0;
	opacity:0;
}

.BEHINDPIC #GIRLSINNER, .BEHINDPIC #SNOWMANGANGINNER {
	bottom:150px;
}

.REVERSE {
	animation-fill-mode: backwards;
	animation-direction: reverse;
}

.GIRLS {
	width:357.3px;
}

.EVENTBOX {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:700px;
	top:52vh;
	max-width:797px;
	color:white;
	font-size:2.5vh;
	text-align:left;
	padding:100px;
	white-space:wrap; 
	line-height:50px;
	text-shadow:0px 0px 20px black;
}

.S16 .EVENTBOX {
}

#SKIMASKINNER {
	background-image: url("BUILD/GAME/GAME-SKIMASKPIC.png");
	width:628px;
	display:block;
}

#ELVESINNER {
	background-image: url("BUILD/GAME/GAME-ELVESPIC.png");
	width:628px;
	display:block;
}

#CASIEINNER {
	background-image: url("BUILD/GAME/GAME-CASIEPIC.png");
	width:270px;
	display:block;
}

.CASIEBEHIND {
	width: 63%;
}

.MORELEFT {
	animation: SHIFTLEFT 500ms linear;
	animation-fill-mode: forwards;
	animation-delay:2100ms;
}

@keyframes SHIFTLEFT {
	0% {left:0px;}
	100% {left:-150px;}
}

/* ALERT SCREEN */ 

.TALKBOX-ALERT {
	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12vh;
	top:16vh;
	max-width:797px;
	color:red;
	font-size:6vh;
	line-height:200px;
	padding:100px;
	line-height:8vh;
}

.ONELINE {
	top:26vh;
	height:27vh;
}

#ALERTSTART {
	color:white;
	text-align:center;
	font-size:60px;
	position:relative;
	width:100%;
	opacity:0;
	animation: FLASHER 2s infinite;
	animation-delay:2700ms;
}

.ALERTTAG {
	font-size:1.5VH;
	color:green;
}

/* PHONE CALL SCREEN */

.PHONEBOX {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:90vh;
	top:2vh;
	width:797px;
	max-width:797px;
	color:white;
	font-size:2.5vh;
	white-space:wrap; 
	line-height:50px;
	justify-content: center;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top center;
}

.JIMMYPHONEIN {background-image:url("BUILD/GAME/GAME-CALL-JIMMY_IN.png");}
.JIMMYPHONEOUT {background-image:url("BUILD/GAME/GAME-CALL-JIMMY_OUT.png");}
.TERRYPHONEIN {background-image:url("BUILD/GAME/GAME-CALL-TERRY_IN.png");}
.TERRYPHONEOUT {background-image:url("BUILD/GAME/GAME-CALL-TERRY_OUT.png");}
.SKOEPHONEIN {background-image:url("BUILD/GAME/GAME-CALL-SKOE_IN.png");}
.SKOEPHONEOUT {background-image:url("BUILD/GAME/GAME-CALL-SKOE_OUT.png");}
.MONEYPHONEIN {background-image:url("BUILD/GAME/GAME-CALL-MONEY_IN.png");}
.MONEYPHONEOUT {background-image:url("BUILD/GAME/GAME-CALL-MONEY_OUT.png");}
.SANTAPHONEIN {background-image:url("BUILD/GAME/GAME-CALL-SANTA_IN.png");}
.SANTAPHONEOUT {background-image:url("BUILD/GAME/GAME-CALL-SANTA_OUT.png");}
.UNKNOWNPHONEIN {background-image:url("BUILD/GAME/GAME-CALL-UNKNOWN_IN.png");}


.PHONE1 {
	opacity:0;
	animation:PHONE1 12s;
	animation-fill-mode: forwards;
	animation-delay:1s;
}

@keyframes CALL1 {
	0% {background-image:url("BUILD/GAME/GAME-BG2.jpg");}
	40% {background-image:url("BUILD/GAME/GAME-BG2.jpg");}
	50% {background-image:url("BUILD/GAME/GAME-BG3.jpg");}
	100% {background-image:url("BUILD/GAME/GAME-BG3.jpg");}
}

@keyframes PHONE1 {
	0% {background-image:url("BUILD/GAME/GAME-CALL-TERRY_OUT.png"); opacity:0;}
	5% {background-image:url("BUILD/GAME/GAME-CALL-TERRY_OUT.png"); opacity:1;}
	35% {background-image:url("BUILD/GAME/GAME-CALL-TERRY_OUT.png"); opacity:1;}
	40% {opacity:0;}
	50% {background-image:url("BUILD/GAME/GAME-CALL-JIMMY_IN.png"); opacity:0;}
	55% {background-image:url("BUILD/GAME/GAME-CALL-JIMMY_IN.png"); opacity:1;}
	100% {background-image:url("BUILD/GAME/GAME-CALL-JIMMY_IN.png"); opacity:1;}
}


/* FAIL PAGES */

.COINPIC {
	position:absolute;
	height:120px;
	bottom:20vh;
	width:100%;
	align-content:center;
}

.COINWRAP {
	width:390px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background:green;
	
}

.COIN {
	position:absolute;
	top:0px;
	right:10px;
	width:120px;
	height:120px;
	display:block;
	background-image: url("BUILD/GAME/JIMMYITK-SADCOIN_BLUE.png");
	background-size:contain;
	background-repeat: no-repeat;
	animation: COINSPIN 4s infinite;
}

#C2 {
	right:135px;	
}

#C3 {
	right:270px;
}

@keyframes COINSPIN {
	0% {transform: rotateY(0deg);opacity:1;}
	10% {opacity:1;}
	100% {transform: rotateY(360deg);}
	}

.FAILBOX {
	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:9vh;
	top:12vh;
	max-width:797px;
	color:red;
	font-size:10vh;
	line-height:200px;
	padding:100px;
	line-height:8vh;
}

.FAILTAG {
	font-size:1.5vh;
	color:green;
}

#FAILSTART {
	color:white;
	text-align:center;
	font-size:60px;
	position:relative;
	margin-top:0px;
	width:100%;
	opacity:0;
	animation: FLASHER 2s infinite;
	animation-delay:2700ms;
}

#CREDITS {
	opacity:0;
	text-align:center;
	animation-fill-mode: forwards;
	animation-duration:6s;
	animation-delay:6000ms;
	color:limegreen;
	font-size:40px;
	position:absolute;
	margin-top:-8vh;
	width:100%;
}

/* MEDIA QUERY */

@media only screen and (max-width: 1000px) {
	
	html, body { min-width:100vw;  overflow:hidden; }
	
	#MAINTITLE {padding-top:52vh;}
	
}


@media screen 
  and (-webkit-min-device-pixel-ratio: 1)
  and (min-resolution: 192dpi) { 

	.TALKBOX {
		line-height:2.7vh;
	}
	  
	 #FAILSTART {
		 margin-top:-50px;
	  }

}