body {
  background-color: #fed468;
  color: #000;
  margin-left: 230px;
  margin-top: 230px;
  font-family: "FrizQuadrat", serif;
  text-align: justify;
}

h1 {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  height: 200px;
  margin: 0;
  text-align: center;
  margin-left: 200px;
  padding-top: 45px;
  padding-bottom: 5px;
  background-color: #b21010;
  color: #fed468;
  font-family: "Parchment", cursive;
  font-size: 200px;
  font-weight: normal;
}

.menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  padding-left: 20px;
  padding: 0;
  padding-top: 230px;
  margin: 0;
  text-align: center;
  background-color: #1119ad;
  color: #fed468;
  background-image: url('/banner-of-arms.png');
  background-repeat: no-repeat;
  list-style-type: none;
  line-height: 200%;
  height: 100%;
  min-height: 100%;
}

.menu a:link, .menu a:visited {
  text-decoration: none;
  color: #fed468;
}

p.drop:first-letter {
    font-size: 300%;
    font-family: "Parchment", cursive;
    font-weight: bolder;
    float: left;
}

@font-face {
  font-family: "Parchment";
  src: url("/fonts/parchment.eot");
  src: local("Parchment"), url("/fonts/parchment.ttf");
}

@font-face {
  font-family: "FrizQuadrat";
  src: url("/fonts/frizquadratatt.eot");
  src: local("FrizQuadrat"), url("/fonts/frizquadratatt.ttf");
}

a:link {
  color: #1119ad;
}

a:visited {
  color: #b21010;
}