JSFiddle - React, Tailwind, and code Playground

by moob

CSS

:root {
  --color-1: rgb(49,46,39);
  --color-2: rgb(194,157,43);
  --color-3: rgb(240,254,232);
  --color-4: rgb(228,245,189);
}

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%);
}