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


@import url('https://fonts.googleapis.com/css2?family=Knewave&display=swap');


body {
	margin:0;
	padding:0; }
	
img { max-width:100%; }

.visivel {}

.invisivel {}



.cenario {
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-size:cover!important;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1; }

	#cenarioinicio { background:#4d91c6; /* background:url("imagens/cenario_intro.gif"); */ left:0; }
	#cenariofase { background:url("imagens/cenario_fase.gif"); left:10000%; }
	#cenariofim { background:#4d91c6; /* background:url("imagens/cenario_fim.gif"); */ left:10000%; }
	#cenariogameover { background:#4d91c6; /* background:#000000; */ left:10000%; }



#fase_main {
	position:absolute;
	z-index:2; }

.fase {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden; }
	
	#faseinicio {
		left:0;
		transition:0.3s background; }
		
		#faseinicio:hover {
			background:#ff9795;
			cursor:pointer; }
	
	#fasefase {
		left:10000%; }

	#fasefim {
		left:10000%; }

	#fasegameover {
		left:10000%; }




.objeto {
	position:absolute;
	width:8.43%;
	height:15%; }
	
	.objeto:hover { cursor:pointer; }
	
	.objeto img {
		width:100%;
		height:100%; }


		
	.objeto_jogador {
		background:url("imagens/jogador_parado.gif");
		background-size:75%;
		background-repeat:no-repeat;
		background-position:center;
		left:5%;
		top:42.48%;
		z-index:4;
		transition:0.5s top, 0.5s left; }
	
	.objeto_inimigo {
		top:6.34%;
		left:43%;
		z-index:4;
		animation:vert 2s linear infinite, horz 5s linear infinite; }
		
	.objeto_inicio:hover,
	.objeto_jogador:hover,
	.objeto_inimigo:hover {
		cursor:default; }
		
		@keyframes vert {
		0%   { top:4.16%; }
		50%  { top:80.8%; }
		100% { top:4.16%; } }
	
		@keyframes horz {
		0%   { left:18.67%; }
		50%  { left:72.87%; }
		100% { left:18.67%; } }	



	.objeto_inicio {
		left:5.12%;
		top:42.48%; }

	.objeto_fim {
		left:86.42%;
		top:42.48%; }
	
	#objeto_01,
	#objeto_02,
	#objeto_03,
	#objeto_04,
	#objeto_05 { left:18.67%; }
	
	#objeto_06,
	#objeto_07,
	#objeto_08,
	#objeto_09,
	#objeto_10 { left:32.22%; }

	#objeto_11,
	#objeto_12,
	#objeto_13,
	#objeto_14,
	#objeto_15 { left:45.77%; }

	#objeto_16,
	#objeto_17,
	#objeto_18,
	#objeto_19,
	#objeto_20 { left:59.32%; }

	#objeto_21,
	#objeto_22,
	#objeto_23,
	#objeto_24,
	#objeto_25 { left:72.87%; }



	#objeto_01,
	#objeto_06,
	#objeto_11,
	#objeto_16,
	#objeto_21 { top:4.16%; }
	
	#objeto_02,
	#objeto_07,
	#objeto_12,
	#objeto_17,
	#objeto_22 { top:23.32%; }

	#objeto_03,
	#objeto_08,
	#objeto_13,
	#objeto_18,
	#objeto_23 { top:42.48%; }

	#objeto_04,
	#objeto_09,
	#objeto_14,
	#objeto_19,
	#objeto_24 { top:61.64%; }

	#objeto_05,
	#objeto_10,
	#objeto_15,
	#objeto_20,
	#objeto_25 { top:80.8%; }




/* ==================================================== */


#gameover_main {
	display:inline-flex;
	align-items:center;
	max-width:650px;
	width:100%; }

#gameover_img {
	background:#FFFFFF;
	border-radius:50%;
	padding:40px; }

#gameover_msg-btt {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-left:-30px; }

#gameover_msg {
	background:#7E0805;
	padding:10px 20px 20px 20px;
	color:#FFFFFF;
	font-family:'Knewave';
	font-size:2.1em;
	display:inline-block;
	transform:rotate(-5deg);
	letter-spacing:2px;
	border-radius:5px; }

#gameover_btt {
	transform:rotate(3deg);
	background:#ff5d58;
	color:#FFFFFF;
	font-family:'Knewave';
	font-size:2em;
	margin-top:10px;
	padding:16px 20px 16px 20px;
	border:0;
	letter-spacing:1px;
	cursor:pointer;
	line-height:0.8em;
	border-radius:5px; }