html {
  background: #81c784;
  color: #4e342e;
  font: 100%/1.4 Inconsolata, sans-serif;
}

body {
  margin: 0;
}

h1, h2, h3 {
  font-family: Montserrat, sans-serif;
  line-height: 1.1;
}

main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  padding: 2rem;
}

/*
 A choice: don't show content inside web component until it loads, to avoid a flash-of-un-web-componented-web-component or FOUWCWC
*/
ds-card, ds-button, ds-header {
  &:not(:defined) {
    display: none;
  }
}