@media screen and (max-width: 500px) { 
#fire{
text-align: center;
font-family:'楷体';
margin: 0px auto;
font-size: 24px;
color: white;
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
position: fixed;
top:10px;
left: 50%;
transform: translateX(-50%);
z-index:100;
}
#Smile {
    width: 70px;
    height: 70px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 1000;
}
} 
@media screen and (min-width: 501px) { 
#fire{
text-align: center;
font-family:'楷体';
margin: 0px auto;
font-size: 40px;
color: white;
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
position: fixed;
top:10px;
left: 50%;
transform: translateX(-50%);
z-index:100;
}
#Smile{
	width: 80px;
	height: 80px;
	position: fixed;
	right: 10px;
	top: 20px;
	z-index: 1000
}
}