Just for fun™: Mr. Border-Radius in pure CSS

dabblet.css

/**
 * Just for fun™: Mr. Border-Radius in pure CSS
 */

.mr-border-radius {
	width: 540px;
	height: 420px;
	border-radius: 40px;
	margin: 60px auto 0;
	background: radial-gradient(hsl(40, 100%, 70%), hsl(40, 100%, 50%));
}
.eyebrow {
	width:250px;
	height:300px;
	background:
	-webkit-radial-gradient(0 100%, circle, rgba(153,94,0,0) 150px, #995e00 50px),
	-webkit-radial-gradient(0 100%, circle, rgba(153,94,0,0) 20px, #995e00 10px);
	background-position: bottom left, top right;
	transform: rotate(-50deg);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	border-radius:100px;
}

dabblet.html

<div class="mr-border-radius">
	<div class="eyebrow"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}