@font-face {
    font-family: 'Roboto Serif';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(type/RobotoSerif.woff2) format('woff2');
}

p {
    font-family: 'Roboto Serif';
    font-weight: 231.98; 
    font-variation-settings: "wdth" 57.55, "opsz" 88.49, "GRAD" 0.52;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 722;
  font-style: normal;
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 888;
  font-style: normal;
}

body {
    max-width: 800px;
    color: #3d3d3d;
    line-height: 1.5em;
    margin: auto;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}