JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="circle yellow">
	
</div>

<div class="circle blue">
	
</div>

<div class="circle red">
	
</div>

CSS

.circle{
	margin:0 5px;
	height:200px;
	width:200px;
	border-radius:50%;	
	display:inline-block
}

.yellow{
	background-color:yellow;
	box-shadow: 0 8px 0 #cccc00
}

.blue{
	background-color:blue;
	box-shadow: 0 8px 0 #0000cc
}

.red{
	background-color:red;
	box-shadow: 0 8px 0 #cc0000
}