<link href='https://fonts.googleapis.com/css?family=Libre+Baskerville|Great+Vibes|Petit+Formal+Script' rel='stylesheet' type='text/css'>

<style type="text/css"><!--

body,h1,h2,h3,h4,p,ul,dl,dt,dd{
 margin: 0;
 padding: 0;}

body{
 background-color: #ffeaed;
 color: #333;
 font-family: 'Libre Baskerville','ƒqƒ‰ƒMƒmŠpƒS ProN W3',ƒƒCƒŠƒI,sans-serif;
 font-size: 12px;
 line-height: 1.6;
 word-wrap : break-word;}

a{
 color: #336;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 tap-highlight-color: rgba(0,0,0,0);}

a:hover, a:active{
 background-color: #ff96a3;
 color: #4f4f73;
 text-decoration: none;}

.wrap{
 max-width: 500px;
 margin: 0 auto;}

.header{
 padding-top: 20px;
 margin-bottom: 30px;}

.header, .footer{ text-align: center;}

h1, h1 a{
 font-family: 'Great Vibes','ƒqƒ‰ƒMƒm–¾’© ProN W3',Ÿà–¾’©,sans-serif;
 color: #8fb3ef;
 text-shadow: 2px 2px #fff;
 text-align: center;
 text-decoration: none;}

h1{ font-size: 200%;}
h2{
 font-family: 'Petit Formal Script','ƒqƒ‰ƒMƒmŠpƒS ProN W3',ƒƒCƒŠƒI,sans-serif;
 font-size: 120%;
 color: #333366;
 text-align: left;
 margin-bottom: 6px;}

.nav{
 background-color: #fff;
 border-top: 3px double #999;
 border-bottom: 3px double #999;
 margin-bottom: 30px;}

ul{
 list-style-type: none;
 max-width: 500px;
 margin: auto;
 display: -webkit-box;
 display: flex;
 font-family: 'Great Vibes','ƒqƒ‰ƒMƒmŠpƒS ProN W3',ƒƒCƒŠƒI,sans-serif;
 font-size: 13px;}

li{
 -webkit-box-flex: 1;
 flex-grow: 1;}

li a{
 display: inline-block;
 width: 100%;
 text-decoration :none;}

.section{
 background-color: #fff;
 border: 1px solid red;
 border-radius: 3px;
 padding: 1%;
 margin: 0 5% 30px;}

.dot{
 border: 1px dashed #ffa2ae;
 border-radius: 3px;
 padding: 1%;}

dd{ padding-left: 6px;}

.news dd{ border-bottom: 1px solid blue;}

-->
</style>