Anime.js | JavaScript Animation Engine

:root {
  --color-dominant: #cc4343;
  --color-surface: #e29696;
  --color-ink: #72302f;
  --color-accent: #997b69;
  --color-detail: #bcbbb9;
}

/* CSS variables exposed by source */
:root {
  --backgroundColor: #252423;
  --font-body: "DIN", Helvetica Neue, Helvetica, Arial, sans-serif;
  --text-xxxxl: 4rem;
  --text-xxl: 2.5rem;
  --text-l: 1.25rem;
  --text-s: 1rem;
  --text-xl: 1.75rem;
  --shadowColor: #212121;
  --text-xxxl: 3.25rem;
  --text-xxs: .75rem;
  --text-m: 1.125rem;
  --font-code: "Mono", monospace;
  --text-xs: .875rem;
  --hex-bg-5: #3a3938;
  --hex-magenta-3: #7e3f69;
  --hex-turquoise-5: #1b5c45;
  --hex-green-7: #2f3b27;
  --hex-king-5: #2e425b;
  --hex-cyan-6: #244841;
  --hex-black-7: #262422;
  --hex-king-8: #25282b;
  --hex-citrus-3: #85842f;
  --margin-xxxs: .25rem;
  --hex-pink-8: #2d2525;
  --hex-indigo-6: #333349;
  --hex-bg-3: #2f2e2d;
  --hex-corail-8: #2d2723;
  --hex-sky-3: #17767c;
  --hex-white-5: #5b5855;
  --hex-pink-1: #ff718b;
  --hex-red-8: #2d2423;
  --margin-s: 1rem;
  --hex-cyan-2: #26c9b1;
  --hex-lavender-7: #322a3a;
  --hex-black-3: #252423;
  --hex-turquoise-6: #1e4a3a;
  --hex-lime-1: #b7ff54;
  --hex-pink-7: #3c2b2c;
  --hex-white-6: #4a4745;
  --hex-black-4: #262422;
  --hex-bg-7: #444342;
  --hex-lime-6: #3e4a2a;
  --hex-red-7: #3c2726;
  --hex-orange-1: #ffa828;
  --hex-bg-4: #353433;
  --docs-sidebar-width: 16rem;
  --hex-fg-8: #2c2a28;
  --hex-pink-4: #723e46;
  --hex-indigo-2: #6b72d3;
  --hex-black-8: #262422;
  --hex-yellow-2: #d3aa29;
  --hex-white-1: #f6f4f2;
  --hex-purple-3: #6b4479;
  --hex-fg-2: #d5d3d1;
  --hex-indigo-5: #3a3b5b;
  --hex-white-2: #cccac9;
  --hex-citrus-7: #3b3a25;
  --hex-orange-6: #4b3a23;
  --hex-sega-6: #263c47;
  --hex-king-6: #2b3849;
}