JSFiddle - React, Tailwind, and code Playground

by Antocha Parabellum

HTML

<div class="trapezium">
   
   
</div>

CSS

.trapezium {
  width  : 100px;
  height : 100px;
  
  
  border-bottom : 8px solid black;
  border-top    : 8px solid orange;
  
  border-left   : 8px solid orange;
  border-right  : 8px solid orange;
 
  
  border-bottom-right-radius : 50%;
  border-bottom-left-radius  : 50%;
}