JSFiddle - React, Tailwind, and code Playground

by Nicholas Berlette

CSS

:root {
  --color-1: oklch(86.33% 2.97% 50.57);
  --color-2: oklch(93.07% 3.97% 80.89);
  --color-3: oklch(87.75% 4.63% 80.04);
  --color-4: oklch(66.86% 3.49% 80.9);
}

body {
  background: linear-gradient(90deg, var(--color-1) 0%, var(--color-1) 25%, var(--color-2) 25%, var(--color-2) 50%, var(--color-3) 50%, var(--color-3) 75%, var(--color-4) 75%, var(--color-4) 100%);
}