body {
  margin: 20px;
  text-align: center;
  background-color: #deded5;
  font-family: Arial,Helvetica,sans-serif;
}
h1 {
  margin: 8px;
  font-size: 30pt;
  color: #111155;
}
hr {
  border: #999999 1px solid;
  margin-top: 20px;
  margin-bottom: 4px;
}
h2 {
  margin-top: 0px;
  color: #111155;
}
ul {
  padding-top: 0px;
  padding-left: 20px;
}
li {
  list-style-type: square;
  padding: 4px;
}
li ul li {
  list-style-type: disc;
  padding: 0px;
}
.about {
  font-size: 12pt;
}
.projects {
  border-style: ridge;
  border-width: 2px;
  padding: 10px;
  text-align: left;
  background-color: #BBBBEE;
}
.fun {
  border-style: ridge;
  border-width: 2px;
  padding: 10px;
  text-align: left;
  background-color: #BBBBEE;
}
.applet {
  width: 154px;
  border-style: ridge;
  border-width: 2px;
  text-align: center;
}
.footer {
  text-align: left;
  font-size: 10pt;
  font-style: italic; 
}
.button {
  background-color: #C0C0C0;
  border: #FFFFFF 2px outset;
  padding-top: 1px;
  padding-bottom: 1px;
}