@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "tmpmatch";
    src: url("../fonts/ok_rushendistressed-regular.ttf");
}


body{
	width: 1080px;
	height: 1920px;
	background-image: url("../images/bg.png");
	background-repeat: no-repeat ;
	 /*overflow: hidden; */
	
	display: flex;
    justify-content: center;
    align-items: center; 
    margin: 0;
}


.bg{
	 width: 1080px; 
	height: 1920px; 
	position:absolute; 
	top:0px; 
	left:0px;
	z-index: 1;
}

.logo_zone_home 
	{ 
		position: absolute; 
		top: 300px;
		left: 200px;
		width: 600px;
		height: auto; 
		z-index: 4;
   }
 
.logo_zone_question 
	{ 
		position: absolute; 
		top: 150px;
		left: 200px;
		width: 600px;
		height: auto; 
		z-index: 4;
   }

.t1_home 
	{ 
		position: absolute; 
		top: 880px;
		left: 100px;
		width: 800px;
		height: auto; 
		z-index: 4;
   }


.t2_home 
	{ 
		position: absolute; 
		top: 1400px;
		left: 100px;
		width: 800px;
		height: auto; 
		z-index: 4;
   }

.score 
	{ 
		position: absolute; 
		top: 950px;
		font-size: 80px;  
		color: #f0ca1e;
		left: 360px;
		width: 800px;
		height: auto; 
		z-index: 10;
		font-family: tmpmatch;
   }


.tap_home 
	{ 
		position: absolute; 
		top: 1200px;
		left: 720px;
		width: 140px;
		height: auto; 
		z-index: 4;
   }

.question 
	{ 
		position: absolute; 
		top: 500px;
		left: 0px;
		width: 1080;
		height: auto; 
		z-index: 7;
   }

.reponse 
	{ 
		position: absolute; 
		width: 1080;
		left: 0px;
		height: auto; 
		z-index: 7;
   }

.btn_valider 
	{ 
		position: absolute; 
		width: 1080;
		top: 1580px;
		left: 0px;
		height: auto; 
		z-index: 7;
   }