html,
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-color: #ededed;
}

/* Self-hosted fonts (no third-party requests). @font-face is document-level,
   so it also applies inside component shadow DOM. Files in /fonts (variable
   weights in one file each). */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/manrope-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/playfair-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/material-icons.woff2') format('woff2');
}