@import url(http://fonts.lug.ustc.edu.cn/css?family=Source+Serif+Pro);
@import url(http://fonts.lug.ustc.edu.cn/css?family=UnifrakturMaguntia);
body { 
  width: 70%;
  min-width: 280px;
  max-width: 800px;
  margin: 0 auto;
  font-family: Source Serif Pro, serif; 
}
p:first-letter {
  display: inline-block;
  margin-top: 0.1em;
	float: left;
  line-height: 0.5em; 
  font-size: 11em;
  color: hsl(90,70%,30%);  
  font-family: 'UnifrakturMaguntia', cursive;
}
p { 
  line-height: 1.5; 
  font-size: 1.3rem; 
  float: none;
  clear: both;
  margin: 6em 0;
}

@media screen and (max-width: 600px){
  p { 
    font-size: 1rem; 
  }
}
@media screen and (max-width: 400px){
  p:first-letter { 
    font-size: 7em; 
  }
  p {
    line-height: 1.3; 
  }
}