body {
  background-color: black;
  color: purple;
  font-family: Verdana;
}

h1 {
font-family: "Bodomi MT";

}
.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#container {
  margin: 3em auto;
  width: 90%;
    max-width: 700px;
    background-color: #C40000; /* this is the backround colour for the blog posts themselves */

  color: black; 
  outline-color: #020021;    /*edge of square in posts, about, index, etc.*/
  outline-style: solid;
  outline-width: 5px;  /* original is 6px */
  outline-offset: 0;
  padding: 1.5%;
}
#bord {
  margin: 3em auto;
  width: 90%;
    max-width: 700px;
  background-color: #cccccc;
    background-image: url ("https://braekmester.neocities.org/bord.png"); /* this is the backround colour for the blog posts themselves */

  color: #505050; 
  outline-color: #FCF7F7;    /*edge of square in posts, about, index, etc.*/
  outline-style: dotted;
  outline-width: 5px;  /* original is 6px */
  outline-offset: 0;
  padding: 1.5%;
}