/* Unique meme/crypto display fonts */
@import url("https://fonts.googleapis.com/css2?family=Bungee&family=Chakra+Petch:wght@400;500;600;700&family=Rubik+Glitch&display=swap");

:root {
  --font-sans: "Chakra Petch", system-ui, sans-serif;
  --font-head: "Bungee", "Chakra Petch", cursive;
  --font-glitch: "Rubik Glitch", "Bungee", cursive;
}

html,
body {
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5, h6,
.logo-text,
.footer-logo-text,
.partner-logos,
.partner-logos span,
.partner-logos a,
.circle-stat,
.cd-block span,
.cd-sep,
.story-title,
.title-lg,
.text-stroke-dark,
.floating-sticker,
.howto-num,
.timeline-dot,
.col h5,
.rh-badge,
.ca-label,
.btn-primary,
.btn-secondary,
.btn-copy,
.badge {
  font-family: var(--font-head) !important;
  letter-spacing: 0.04em;
}

/* Extra wild on hero title + logo */
.hero h1,
.logo-text,
.footer-logo-text,
.text-highlight {
  font-family: var(--font-glitch) !important;
  letter-spacing: 0.06em;
}