@charset "UTF-8";

   article, footer, header, main, nav, section {
   display: block;
   }

   article, footer, header, main, nav, section,
   html,body,h1,h2,h3,ul,li,a,p {
     padding: 0;
     margin: 0;
   }
.watermark {
    position: absolute;
    font-size: 140px;
    text-align: center;
    opacity: 0.2;
    color: red;
    top: 30%;
    right: 6.5%
}

   
   .wordwrap {
     white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     white-space: pre-wrap;       /* css-3 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
     white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
     word-break: break-all;
     white-space: normal;
   }

   .blueLink {
     color: blue;
     font-size: 25px;
   }


   img {
     floar: left;
   }


   body {
     background-color: #f0f0f0;
     width: 960px
     margin-left: auto;
     margin-right: auto;
     font-family:Helvetica, Arial, sans-serif;
     font-size: 15px;
   }

   main {
   }

   section {
     //width: 35%;
     //background-color: #b1b1b1;
     float: center;
     //float: left;
     margin-top: 10px;
     padding: 5px;
   }

   article {
     background-color: lightgray;
     border-top:1px solid #3f3f3f;
     border-bottom:1px solid #3f3f3f;
     float: center;
     color: blue;
     margin-top: 55px;
     padding: 10px 15px;
   }

   footer {
   clear: both;
   padding:5px 20px;
   color: white;
   }

   h2 {
     color: red;
   }
   h3 {
     color: black;
   }

   p {
     font-size: 20px;
     color: black;
   }

   a {
     clear both;
     color: black;
   }


   li {
     display: inline;
     margin-left: 15px;
     margin-left: 15px;
     font-size: 20px;
     font-variant: small-caps;
     font-weight: bold;
   }

