* { padding: 0; margin: 0; }
  
    body {
      background: #000 url("./images/sacred chao head clouds.jpg") no-repeat top left;
      font-size: 62.5%
    }
    
    #container {
      width: 800px;
      margin: 0 auto 0 auto;
      position: relative;
    }
  
    .pre {
      white-space: pre;
    }
    
    #navbar {
      list-style: none;
      position: absolute;
      right: 10px;
      top: 308px;
      text-align: right;
    }
    
    #navbar a {
      font: 1.2em/3 Tahoma, Helvetica, sans-serif;
      color: rgb(27, 37, 72);
      text-decoration: none;
    }
    
    #navbar a:hover {
      text-decoration: underline;
    }
    
    #main {
      width: 540px;
      margin: 0px 0px 0 0px;
      background:  #fff;
      padding: 18px 250px 9px 10px;
    }
    
    h1 {
      background: url("./images/principiadiscordia header 2.png");
      width: 800px;
      height: 299px;
      text-indent: -5000px;
    }
    
    #main p {
      font: 1.2em/1.5 Tahoma, Helvetica, sans-serif;
      /* letter-spacing: 0.12em; */
      margin: 0 0 1.5em 0;
      color: rgb(11, 14, 18);  
      text-align: left;
    }
    
    #main a { color: rgb(27, 37, 72); }
    
    #footer {
      background: rgb(241, 229, 129);
      width: 780px;
      padding: 9px 10px 9px 10px;
    }
    
    #footer p {
      font: 1.0em/1.8 Tahoma, Helvetica, sans-serif;
      text-align: right;
      margin: 0 0 1.8em 0;
      color: rgb(124, 115, 40);
    }