JSFiddle - React, Tailwind, and code Playground

HTML

<div id="silly-circle"></div>

CSS

#silly-circle{
    width:0; height:0;
    border: 180px solid red;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
}