html {
    color: black;
    font-size: 24px;
    font-family: 'Roboto Mono', monospace;
    margin-left: .4em;

  }

  body {
    font-family: Arial, Helvetica, sans-serif ;
    margin: 6%

  }

  section {
      margin-bottom: 100px
  }

  h1 {
      font-size: 2rem;
      margin-bottom: .4em;
  }

  h2 {
      font-size: 1.2rem;
      margin-bottom: .4em;
      color: grey
  }

  h3 {
      font-size: .6rem;
      margin-bottom: .2em;
      color: rgb(151, 150, 150);
      font-weight: 400;
  }

  p {
      margin-top: 1;
  }

  .styledFont {
      font-family: 'Raleway';
    
  }

  section.FontWeight p.Normal {
      font-weight: normal;
  }

  section.FontWeight p.Bold {
      font-weight: bold;
  }

  section.FontStyle p.Normal {
      font-style: normal;
  }

  section.FontStyle p.Italic {
        font-style: italic;
}

section.LetterSpacing p.Normal {
    letter-spacing: normal;
}

section.LetterSpacing p.Wide {
    letter-spacing: .3em;
}

section.LetterSpacing p.Narrow {
    letter-spacing: -.06em;
}

section.TextDecoration p.None {
    text-decoration: none;
}

section.TextDecoration p.Underline {
    text-decoration: underline;
}

section.TextDecoration p.LineThrough {
   text-decoration: line-through; 
}

section.TextDecoration p.Overline {
    text-decoration: overline;
}

section.TextTransform p.None {
    text-transform: none;
}

section.TextTransform p.Uppercase {
    text-transform: uppercase;
}

section.TextTransform p.Lowercase {
    text-transform: lowercase;
}

section.TextTransform p.Capitalize {
    text-transform: capitalize;
}