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

/*fontes*/



@font-face {
  font-family: "Fit-VF";
  src: url("Fit-VF.woff2") format("woff2");
}

@font-face {
  font-family: "JingXiHei-VF";
  src: url("JingXiHei-VF.woff2") format("woff2");
}

@font-face {
  font-family: "FZYouHJ3DVFTest-180425";
  src: url("FZYouHJ3DVFTest-180425.woff2") format("woff2");
}




html{
	margin:0;
	padding:0;
	overflow: hidden;
	cursor:pointer;
   
	
}

p{margin-block-start:0;}


::-webkit-scrollbar { 
    display: none; 
}



	
.hora{
	display:none;
	z-index:10;
	background-color:white;
	border:solid black 1.2px;	
	position:absolute;
	
	
	}
	

	

.palavra:hover ~ .hora{
	display:block;
	z-index:10;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	text-outline:solid 1px black;
	text-align:center;
	padding:4px;
	
	
	}
		
	




/*tele*/


@media screen and (min-width: 200px) {


body{background-color:yellow;
	margin:0;
	padding:0;

	
	}
	
	
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8{
	height:25vh;	
	margin:0;
	top:0;
	display:fixed;
}


	
	
/*box1*/	

	#box1{background-color:#D9415D;}

	#box1 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "Fit-VF";
    color: #A60303;
    font-size: 200px;
	line-height: 84%;
    font-variation-settings: 'wght' 180, 'wdth' 185 ;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	z-index:1;
	}
	
	



/*box2*/

	#box2{background-color:#730217;}


	#box2 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "Fit-VF";
    color: #F29BAB;
    font-size: 195px;
	line-height: 84%;
    font-variation-settings: 'wght' 720, 'wdth' 150;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	
	}
	
	
	
/*box3*/

	#box3{background-color:#F29BAB;}


	#box3 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "Fit-VF";
    color: #D90404;
    font-size: 205px;
	line-height: 81%;
    font-variation-settings: 'wght' 900, 'wdth' 210;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	
	}
	
	
/*box4*/

	#box4{background-color:#D90404;}


	#box4 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "Fit-VF";
    color: #730217;
    font-size: 198px;
	line-height: 84%;
    font-variation-settings: 'wght' 700, 'wdth' 220;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	}






/*box5*/

	#box5{background-color:#D90404;}


	#box5 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "FZYouHJ3DVFTest-180425";
    color: #F29BAB;
    font-size: 155px;
	line-height: 105%;
    font-variation-settings: "wght" 900, "wdth" 3, "hght" 4.5;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	}
	
	
/*box6*/

	#box6{background-color:#F29BAB;}


	#box6 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "Fit-VF";
    color: #A60303;
    font-size: 202px;
	line-height: 83%;
    font-variation-settings: "wght" 900, "wdth" 210;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	}
	
	

/*box7*/

	#box7{background-color:#D9415D;}


	#box7 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "Fit-VF";
    color: #730217;
    font-size: 203px;
	line-height: 83%;
    font-variation-settings: "wght" 700, "wdth" 140;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	}



}


/*box8*/

	#box8{background-color:#730217;}


	#box8 p{
	margin-top:0;
	margin-bottom:0;
	font-family: "JingXiHei-VF";
    color:#D9415D ;
    font-size: 160px;
	line-height: 100%;
    font-variation-settings: "wght" 900, "wdth" 100;
	text-transform:uppercase;
	text-align:center;
	height:100%;
	}











/*pc*/

@media screen and (min-width: 800px) {


body{background-color:red;}

#box1 p{
	font-variation-settings: 'wdth' 585 ;
	}
	
#box2 p{
	font-variation-settings: 'wdth' 473 ;
	}
	
#box3 p{
	font-variation-settings: 'wdth' 645 ;
	}
	
#box4 p{
	font-variation-settings: 'wdth' 670 ;
	}
	
#box5 p{
	font-variation-settings: "wght" 900, "wdth" 3, "hght" 4.5;
	}
	
#box6 p{
	font-variation-settings: 'wdth' 655 ;
	}
	
#box7 p{
	font-variation-settings: 'wdth' 455 ;
	}
	
#box8 p{
	font-variation-settings: 'wdth' 100 ;
	}




}