body {
    background-color: #ddd
}
.container {
  font-family: arial;
  font-size: 24px;
  margin: 25px;
  width: auto;
  height: auto;
  outline: dashed 1px black;
  padding: 15px;
  background-color: #fff;
}

p,h1,h2,h3 {
  /* Center horizontally*/
  text-align: center;
}

h1 {
margin: 20px 0 0 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 2.2em;
letter-spacing: 0px;
word-spacing: 2px;
color: #000000;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: small-caps;
text-transform: none;    
}

h2{
margin: 5px 0 0 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.3em;
letter-spacing: 0px;
word-spacing: 2px;
color: #000000;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-variant: small-caps;
text-transform: none;
}

h3{
margin: 15px 0 0 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.1em;
letter-spacing: 0px;
word-spacing: 2px;
color: #000000;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-variant: small-caps;
text-transform: none;
}

p {
margin: 0 0 5px 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 0.7em;
letter-spacing: 0px;
word-spacing: 2px;
color: #000000;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;   
}

a {
margin: 5px 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 0.8em;
color: #444444;
font-weight: 400;
text-decoration: none;
font-style: normal;
text-transform: none;    
}
a:hover {
  color: #bbb;
}

div.list {
    text-align: center;
}
ul.mylist {
  display: inline-block;
  text-align: left;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}