*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  font: var(--md-body-large);
  color: var(--md-on-background);
  background: var(--md-background);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--md-primary); text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }
input, textarea, select { font: inherit; color: inherit; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }