body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: 'Merriweather';
}

h1 {
  font-family: 'Young Serif';
  font-size: 22px;
  margin: 0;
}

h2 {
  font-size: 14px;
  color: #999999;
  font-weight: normal;
  margin: 0;
}

p {
  font-size: 12px;
}

#content {
  max-width: 900px;
  margin: 100px auto 60px auto;
  padding-left:10px
}
  
@font-face {
    font-family: 'Young Serif';
    src: url('fonts/YoungSerif-Regular.woff2') format('woff2'),
        url('fonts/YoungSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-BlackItalic.woff2') format('woff2'),
      url('fonts/Merriweather-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-Italic.woff2') format('woff2'),
      url('fonts/Merriweather-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-LightItalic.woff2') format('woff2'),
      url('fonts/Merriweather-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-Regular.woff2') format('woff2'),
      url('fonts/Merriweather-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-Black.woff2') format('woff2'),
      url('fonts/Merriweather-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-Bold.woff2') format('woff2'),
      url('fonts/Merriweather-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-Light.woff2') format('woff2'),
      url('fonts/Merriweather-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/Merriweather-BoldItalic.woff2') format('woff2'),
      url('fonts/Merriweather-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}