* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  min-height: 100%;
}

body {
  font-family: "Space Grotesk", sans-serif;
  color: var(--text-0);
  background:
    radial-gradient(circle at 12% 20%, rgba(26, 164, 255, 0.16), transparent 35%),
    radial-gradient(circle at 88% 8%, rgba(58, 208, 255, 0.15), transparent 25%),
    linear-gradient(130deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2));
}

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

button,
input,
select {
  font: inherit;
  color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

#app {
  min-height: 100vh;
}

.hidden {
  display: none !important;
}

.mono {
  font-family: "IBM Plex Mono", monospace;
}