/* index.css */
* { box-sizing: border-box; }
   html {
      margin: 0;
      padding: 0;
      font-size: calc(15px + 0.390625vw);
   }
   img {
      margin: 0;
      padding: 0;
      background-color: #f2f7f7;
      border: 1px solid #a6c9c9;
   }
   body {
      margin: 0;
      padding: 0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
   }
   h1 {
      margin: 0;
      padding: 0;
   }
   h1, h2 {
      font-family: 'Abril Fatface', Georgia, Garamond, 'Times New Roman', serif;
      color: #600;
   }
   h3, h4, h5 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #066;
   }
   p, ul, ol, blockquote, td, th, address {
      color: #444;
      text-align: justify;
      font: 75% Verdana, Arial, Helvetica, sans-serif;
   }
   hr {
      background:    transparent;
      border-left:   none;
      border-right:  none;
      border-top:    none;
      border-bottom: 1px dashed #066;
      margin-bottom: 0.75em;
      clear:         both;
   }
   .shadow {
      box-shadow: 2px 2px 8px #444;
   }
   span.name {
      color: #066;
      font-weight: bold;
   }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }