body {
    background-color: #fffdd0;
    font-family:sans-serif;
    margin:20px;
}

h1 {
  color:black;
  font-weight:bold;
  font-style:normal;
  font-size:36px;
}

h2 {
  color:black;
  font-weight:bold;
  font-style:normal;
  font-size:24px;
}

section {
  font-family:sans-serif;
}

.reddash {border:2px dashed red;min-height:30px;}
.multi {border:10px;
    border-color:purple black orange red;
    border-style:double dotted groove dashed;
    width:300px;
    min-height:100px;}
.padbox {border:5px solid green;
      min-height:100px;
      padding: 20px 50px 100px 10px;}
.margbox {border:10px solid blue;
      min-height:100px;
      margin: 20px 100px 200px 50px;}


.floatbox {border:2px solid blue;
      min-height:500px;
      margin: 20px 100px 200px 50px;
}

.nofloat {
      float:none;
      }   

.floatleft {
     float:left;
}

.floatright {
     float:right;
}
       

h2 > em {color:#ff00ff;}

h3 {
  color:green;
  font-style:italic;
  font-size:18px;
}

h3 + p {color:#9B59B6;}

p {
  color:black;
  font-size:16px;
}