JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">Foo</div>
	<div class="bar">Bar</div>
	<div class="fizz">Fizz</div>
	<div class="buzz">Buzz</div>

CSS

.foo {
			background: #bada55;
		}
		.bar {
			background: black;
			color: #bada55;
		}
		.fizz {
			background: rgba(0, 0, 0, 0.5);
			color: #bada55;
		}
		.buzz {
			background: #bada55;
			color: white;
		}