p {
  font-family: 'Vesper Libre', serif;
  font-size: 1.3em;
}

p.caption {
  font-size: 1em;
  font-style: italic;
  text-align: center;
}

ul {
  padding: 0 0 0 3em;
  margin: 0;
}

li {
  font-size: 1.3em;
  padding: 0;
  margin-top: 0;
}

h2.list {
  padding: 0;
  margin-bottom: 0;
}

.happy {
  font-style: italic;
  font-size: xx-large;
  color: red;
}

.clipart {
  width: 30%;
  margin: 0 auto;
}

#masthead {
  padding: 4px;
  text-align: center; 
  border: 8px solid red;
  border-radius: 24px;
  background-color: #ddddee;
}

#masthead h1 {
    margin: 0;
    font-family: 'Ewert', monospace;
    font-size: 7em;
    color: #ff8888;
    text-shadow: -2px -2px #bb0000;
    text-align: center;
}
#masthead h2 {
    margin-bottom: 0;
    padding: 4px 18px 0 0;
    font-family: 'Vesper Libre', serif;
    font-size: 240%;
    color: black;
    text-transform: uppercase;
    text-align: right;
    font-style: italic;
}
#masthead h3 {
    margin: 0;
    font-family: 'Vesper Libre', serif;
    font-size: 200%;
    color: black;
    text-transform: uppercase;
    text-align: center;
}

div.inset {
  border: 1px solid grey;
  border-radius: 12px;
  padding: 4px;
}

.page { background-color: #ffffff; }

.article {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}

.articlex { border: 1px solid gray; padding: 2px; }

.xfirstcol { border-right: 2px solid red; }