html,
body {
  padding: 0;
  margin: 0;
  height: auto;
  min-height: 100%;
  font-family: "Shapiro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background: var(--theme-bg);

  /* Dark Theme */
  --theme-bg: #08090a; /* Base level page background */
  --theme-alt-bg: #0e1012; /* Alternate background */
  --theme-l1: #121417; /* Elevation on level 1. Accompanied by Shadow/XS */
  --theme-l2: #1a1d21; /* Elevation on level 2. Accompanied by Shadow/S */
  --theme-100: #1b1f22; /* Disabled backgrounds, muted borders */
  --theme-200: #24292e; /* Light border */
  --theme-300: #2d3339; /* Hovered border */
  --theme-400: #4d545b; /* Placeholder text */
  --theme-500: #9ea5ac; /* Light text */
  --theme-600: #acb3b9; /* Light text 2 */
  --theme-700: #d0d3d7; /* Medium text */
  --theme-800: #e3e5e8; /* Headings / subheadings */
  --theme-900: #ffffff; /* Titles */
  --theme-primary: #ffd5bc; /* Primary */
}

#creator-page .block a {
  text-decoration: underline;
  color: var(--theme-900);
}