JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

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

CSS

.circle {
  width: 16em; height: 16em;
  border-radius: 50%;
  background: 
    linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0;
  background-repeat: no-repeat;
  background-size: 50% 50%;
}