*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body { min-height: 100vh; -webkit-font-smoothing: antialiased; }
button {
  font: inherit; cursor: pointer; border: 0;
  background: var(--accent, #555); color: var(--paper, #fff);
  padding: 0.6em 1em; border-radius: 0;
}
button:disabled { opacity: 0.4; cursor: not-allowed; }
input, textarea, select {
  font: inherit; padding: 0.6em; border-radius: 0;
  border: 1px solid var(--rule, rgba(0,0,0,0.2));
  width: 100%; background: rgba(255,255,255,0.9); color: #000;
}
h1, h2, h3 { margin: 0; }
ul { list-style: none; padding: 0; margin: 0; }
/* Make sure content sits above the atmosphere layers from rounds.css */
#app, main { position: relative; z-index: 1; }