@font-face {
  font-family: 'badaboom';
  src: url('badaboom.woff2') format('woff2'),
  url('badaboom.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color:#fffdd0;   
  font-family:sans-serif;
  font-size:1em;  
}

h1 {
    color:black;
    font-family:'Pangolin', regular;
    font-size:1.5em;
    letter-spacing:.5em;
    text-decoration:underline;
    text-transform:capitalize;
}

h2 {
    font-family:'badaboom';
    font-size:1.25em;
    letter-spacing:.2em;
    text-decoration:overline;
    text-transform:uppercase;
}

h3 {
    font-size:1.1em;
    letter-spacing:.1em;
    text-transform:lowercase;
    text-decoration:line-through;   
}

p {
    word-spacing:.25em;
    text-indent:3em;
    margin-left:3em;
    border:1px solid red;
    line-height:1.5;
}

.specialtext {
    color:black;
    font-size:30px;
}

blockquote {
    font-family:helvetica,arial,sans-serif;
    font-weight:bold;
    font-variant:small-caps;
    font-size:.9em;
    text-align:center;
    font-style:italic;
    text-decoration:blink;
}

.sub {
    vertical-align:sub;
}

.sup {
    vertical-align:super;
}

.highlight {
  background-color: yellow;
}