/**
 * Scoop corners
 */

div.circle {
	background: #58a;
	background:	radial-gradient(circle at 0px 10px, transparent 11px, #58a 0) -1px top,
				radial-gradient(circle at 100% 10px, transparent 11px, #58a 0) top right;
	background-repeat: no-repeat;
	background-size: 52% 100%;
	height: 20px;

	color: white;
	font: 130%/1.6 Baskerville, Palatino, serif;
}


div{

}
div:first-child, div:last-child{
	height: 60px;
	background: #58a;
	border-radius:5px;
}