@font-face {
  font-family: Junction;
  src: url(../Junction.ttf)
}

/* General rules that apply anywhere */
a:link, a:visited, a:active {
  text-decoration: none;
}

body header h1 a {
  color: darkred;
}

em {
  font-weight: bolder;
  color: darkred;
}

body {
  background: url(../img/100-90-5-monochrome.png) repeat;
  background-color: #fff;
  color: #333;
  margin: 0;
}

body header, body footer {
  text-align: center;
}

body header {
  font-family: Junction, sans-serif;
  color: #ccc;
  background-color: black;
  margin: 0;
  padding: 5%
}

body footer {
  color: #333;
  margin-top: 5%;
  margin-bottom: 5%;
}

body header h1 {
  font-size: 300%;
  text-transform: lowercase;
}

body header h1, body header p {
  margin: 0;
}

body header a:link, body header a:visited, body header a:active {
  color: orange;
}

.localized-version {
  text-align: right;
  font-family: monospace;
}

#page {
  width: 90%;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  #page {
    width: 75%;
    margin: auto;
  }
}

@media only screen and (min-width: 960px) {
  #page {
    width: 60%;
    margin: auto;
  }
}

#main_content {
  text-align: justify;
}

#main_content p {
  font-size: 100%;
  line-height: 200%;
  margin-bottom: 5%;
}