body{
	width: 100vw;
	height: 100vh;
	margin: auto;
	font-family: calibri;
	font-size: 2rem;
	overflow: hidden;
	background-image: url('fond.png');
	background-size: 100vw 100vh;	
}

#plane1{			
	background-image: url('plane1.png');
	background-size: cover;
	position: absolute;
	top: 800px;
	left: 400px;
	height: 100px;
	width: 70px;
}

#plane2{
	background-image: url('plane2.png');
	background-size: cover;
	position: absolute;
	top: 1000px;
	left: 400px;
	height: 100px;
	width: 80px;
}

#fight{
	font-family: Impact;
	font-size: 10vw;
	left: 32%;
	top: 20%;
	background: linear-gradient(25deg, yellow, orange);
	position: absolute;
	padding: 40px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px black;
}

#nuage1, #nuage2{
	position: absolute;
	width: 110%;
	height: 110%;
	left: -5%;
	background-image: url('nuages.png');
	background-size: 200% 200%;
	z-index: 5;
}

.lifebar{
	position: absolute;
	width: 300px;
	height: 16px;
	background: black;
	border-radius: 10px;
}

#lb1{
	left: 10%;
	top: 3%;
}

#lb2{
	left: 75%;
	top: 3%;
}

#vie1, #vie2{	
	background: red;
}

#smoke1, #smoke2{
	position: relative;
	left: -140px;
	top: -50px;
	opacity: 0;
	background-image: url("smoke.gif");
	background-size: 100% 100%;
	width: 200px;
	height: 200px;
}

.bullet{
	position: absolute;
	width: 12px;
	height: 5px;
	background-color: rgba(255,255,0,0.6);
}