body {
    max-width: 800px;
    color: #3d3d3d;
    line-height: 1.5em;
    margin: auto;
    font-family: 'Buffalo Gals Explicit Deltas';
    
}
h1, h2, h3{
    font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: italic;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
#roboto{
    font-family: 'Roboto-Serif';
    font-variation-settings:  "wdth" 116.1, "opsz" 43.87, "wght" 178.37, "GRAD" 0.69;

}


.bodoni-moda{
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
  }

  @font-face{
    font-family: 'Roboto-Serif';
    src:url('RobotoSerif.woff2')format('woff2')
  }

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

@font-face {
    font-family: 'Buffalo Gals Explicit Deltas';
    src: url('BuffaloGals-Regular.woff2') format('woff2'),
        url('BuffaloGals-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}