// Variables //
$fontDefault: "DejaVu Sans", "URW Gothic L", "Helvetica", Helvetica Neue, Arial, "Microsoft Sans Serif", sans-serif;

// Fonts //
$font500italic:'museo_sans500_italic';
$font700:'museo_sans700';
$font900:'museo_sans900';;

// Colors //
$white: white;
$black: black;

// Start Imports //
@import "mixins";

// Start styling for CSS //
* {
	@include box-sizing(border-box !important);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	@include user-select(none);
	cursor:pointer;
}

body {
	margin:0px !important;
}

// CONTAINER STYLES
#container {
	border:1px #666 solid;
	width:160px;
	height:600px;
	overflow: hidden;
	vertical-align: middle;
	position:relative;

	div {
		position:absolute;
	}

	#scene1 {
		background: url(./bg.jpg) no-repeat top;
		background-size:100% 100%;
		width: 100%;
		height: 100%;
		@include opacity(0);

		&.anim {
			@include opacity(1);
		}
	}

	#scene2 {
		width: 100%;
		height: 100%;
		@include opacity(0);
		@include transition(all .5s);
		@include transition-delay(4s);

		&.anim {
			@include opacity(1);
		}
	}

	#scene3 {
		width: 100%;
		height: 100%;
		@include opacity(0);
		@include transition(all .5s);
		@include transition-delay(8s);

		&.anim {
			@include opacity(1);
		}
	}

	#scene4 {
		width: 100%;
		height: 100%;
		@include opacity(0);
		@include transition(all .5s);
		@include transition-delay(11s);

		&.anim {
			@include opacity(1);
		}
	}

	#blizzardLogo {
		width: 50px;
		position: absolute;
    	left: 55px;
    	bottom: 10px;

		img {
			width: 100%;
		}
	}
	
}


// End Imports //
@import "overrides";