@font-face
{
font-family: silkscreen22;
src: url(/include/font/slkscr.ttf);
}

@font-face
{
font-family: silkscreen22;
src: url(/include/font/slkscrb.ttf);
font-weight: bold;
}

	body {
		font-family: silkscreen22, arial, sans-serif !important;
		background: url(/include/img/bg-charliebrown3b.png) #fff 50% 50%;
		margin: 0px;
		padding:0px;
		font-size: 16px;
	}
	img {
		border: 0;
	}
	#balloon {
		position: absolute;
		right: 50%;
		bottom: 50%;
		padding: 40px;
		display: none;
		margin: 20px;
		width: 50%;
	}
	
	#target {
		padding:100px;
		margin-top:-200px;
		margin-left:-150px;
		position: absolute;
/*		border: 1px solid red;*/
		left: 50%;
		top: 50%;
		cursor: default;
		z-index:1;
	}
	
	#me {
/*		border: 1px solid blue;*/
		padding: 0;
		background: url(/include/img/luke_wave_sprite_2018.png) 0 0 no-repeat border-box;
		width: 100px;
		height: 210px;
		cursor: default;
		z-index:1;
	}

	#target:hover #me, #me.active {
		background: url(/include/img/luke_wave_sprite_2018.png) 0 -210px no-repeat border-box;
	}
	
	.intro {
		background: rgba(255, 255, 255, 0.65);
		padding: 20px;
		width: 47%;
		right: 40px;
		position: absolute;
		bottom: 10px;
		margin: 20px ;
		font-size: 8px;
		font-size: 16px;
		color: #444;
		min-width: 200px;
		max-width: 400px;
		z-index: 100;
	}
	
	.intro p {
		margin: 0;
	}

	.right {
		float: right;
	}