Android Apple CSS

android_apple.html

<div class="android">
		    <div class="cabeca">
		        <div class="olhos"></div>
		    </div>
		    <div class="corpo">
		        <div class="bracos"></div>
		    </div>
		</div>
<div class="apple"></div>

body{position:relative; margin:0; padding:0;}

.android{position:absolute; left:320px; top:230px;}

.corpo {background-color:#a5c63b; border-radius:0 0 30px 30px; height:285px; position:absolute; width:336px;}
.corpo:before,
.corpo:after{background-color:#a5c63b; border-radius:0 0 50px 50px; content:''; height:122px; position:absolute; bottom:-122px; width:75px;}
.corpo:before{left:68px;}
.corpo:after{right:68px;}

.cabeca{background-color:#a5c63b; border-radius:200px 200px 0 0;height:155px; position:absolute; top:-170px; width:336px;}
.cabeca:before,
.cabeca:after{background-color:#a5c63b; border-radius:20px 20px 0 0; content:''; height:53px; width:10px; position:absolute; top:-30px;}
.cabeca:after{-webkit-transform:translate(63px, 0px) rotate(-30deg); -moz-transform:translate(63px, 0px) rotate(-30deg);}
.cabeca:before{-webkit-transform:translate(255px, 0px) rotate(30deg); -moz-transform:translate(255px, 0px) rotate(30deg);}

.bracos:before,
.bracos:after{background-color:#a5c63b; border-radius:40px; content:''; height:233px; position:absolute; top:-8px; width:75px;}
.bracos:before{left:-90px;}
.bracos:after{right:-90px;}

.olhos:before,
.olhos:after{background-color:#fff; border-radius:20px; content:''; height:27px; position:absolute; top:68px; width:27px;}
.olhos:before{left:78px;}
.olhos:after{right:78px;}

.apple{background:#ccc; border-radius:36% 36% 41% 41% / 42% 42% 75% 75%; height:198px; position:absolute; left:10px; top:60px; width:208px;}
.apple:before{background:#ccc; border-radius:100px 0; content:""; height:55px; margin:-51px 0 0 100px; position:absolute; width:55px; z-index:5;}
.apple:after{background:#fff; border-radius:50%; box-shadow:24px -154px 0 #fff, 10px -175px 0 #fff, 11px -171px 0 #fff, 12px -160px 0 #fff, 215px -7px 0 #fff, -195px 17px 0 #fff,
    -198px 3px 0 #fff, -198px 13px 0 #fff; content:""; height:90px; margin:28px 0 0 174px; position:absolute; width:90px; -webkit-transform:rotate(-53deg); -moz-transform:rotate(-53deg); z-index:4;}