body {
  padding-top:10%;
	background: -webkit-radial-gradient(#2980B9, #3498DB);
	font-family: 'helvetica neue';
	color:white;
	letter-spacing: 1px;
}

.coffee {
	border-bottom: 200px solid white;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	-webkit-transform: rotate(180deg);
	border-top-right-radius: 100px;
	border-top-left-radius: 100px;
	height: 0;
	width: 80px;
	margin:0 auto;
	position: relative;
	margin-top: 20px;
}

.coffee::before { 
    content: "";
    background: -webkit-linear-gradient(#222, #95A5A6);
    width:180px;
    height:60px;
    border-radius: 50%;
    position: absolute;
    left:-62%;
    top:170px;
}

.coffee::after { 
    content: "";
    background:-webkit-radial-gradient(#000, #333);
    width:160px;
    height:40px;
    border-radius: 50%;
    position: absolute;
    left:-50%;
    top:170px;
}