body {
  font-family: 'Muli', sans-serif;
  color: white;
  font-size: 14px;
  background-color: #760904;    
  line-height: 20px;
}
h1 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
}
h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 36px;
  text-decoration:none;
}
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 5px;
}

button {
  width:10em;
  height:4em;
  margin-top: 83px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 15px;
  background-color: black;
  color: white;
  text-decoration: none;
  border:0;
}
.chose-content {
  margin-top: 20px;
}
.gendertext {
  font-size: 30px;
  text-align: center;
  margin-top: 30px;
}
.title {
  text-align: center;
  font-size: 4em;
  line-height: 1.5em;
  margin-top: 1.5em;
}
.name {
  margin-top: 66px;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  list-style-type: disc;
}


/*Mic'scode*/

.gendershape {
    color: white;
    fill:currentColor;
    margin-left: auto;
    margin-right: auto;
}

.gendershape:hover{  
    color: #F3C53C;
    fill:currentColor;
}

#Land{  
    color: #F3C53C;
    fill:currentColor;
}

/* 
polygon {
       color: White;
    fill:currentColor;
}
 */

/* 
path {
    color: White;
    fill:currentColor;
} 
 */


#China>path:hover {
    color: #F3C53C;
    fill:currentColor;
    
} 

#Russia>path:hover {
    color: #F3C53C;
    fill:currentColor;   
} 

#North_America>g>path:hover {
    color: #F3C53C;
    fill:currentColor;
} 

#Europe>g>path:hover {
    color: #F3C53C;
    fill:currentColor;
} 


#Latin_America>g>polygon:hover {
    color: #F3C53C;
    fill:currentColor;
} 

#Japan>path:hover {
    color: #F3C53C;
    fill:currentColor;
} 

#Mideast>g>path:hover {
    color: #F3C53C;
    fill:currentColor;
} 

/* Namepagecss */

#tips, #tips li{

	list-style:none;
	text-align:center;
	}
#tips{
	font-size:100px;
	line-height:70px;
	Font-family:  Adobe Garamond Pro, STKaiti,  "华文仿宋", Fangsong;
	text-align:center;
	}
	
#tips li{
	display:none; /* hide the items at first only */
	text-align:center;
	}


.reflreshbtn {
	text-decoration:none;
	}

.reflreshbtn>p{
	margin-top:10px;
	text-align:center;
	font-size:2em;
	color:white;
	font-family: 'Lobster', cursive;
	font-weight:300;
	}
	
.reflreshbtn>p:hover{
	color:#F3C53C;
	}	
	
.titlelink{text-decoration:none; color:white;}

hr { 
    display: block;
    margin-top: 8em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;

	width: 30em;
}

.congratulation {
	margin-top: 1.5em;
	font-size:2em;
	font-family: 'Muli';
	font-weight:100;
}