#12 - Wiggly Moustache.html

<div class='l1'></div>
<div class='l1 b1'></div>
<div class='l1 l2'></div>
<div class='l1 b1 b2'></div>
<div class='l3'></div>
<div class='c1'></div>
<div class='c1 c2'></div>
<div class='c1 c3'></div>
<style>
  *{
    background:#F5D6B4;
  	margin:0;
  }
  .l1 {
    position:absolute;
   	border:50px solid #D86F45;
    border-radius:50%;
    border-top-color:transparent;
    border-left-color:transparent;
    transform:rotate(45deg);
    top:100;
    left:70;
  }
  .b1{
    border:10px solid #D86F45;
    top:140;
    left:70;
  }
  .c1{
    position:absolute;
    background:#F5D6B4;
 	border-radius:50px;
    width:60;
    height:105;
    top:75;
    left:90;
    z-index:2;
  }
  .l2{
    top:100;
    left:230;
  
  }
  .c2{
    left:250;
  }
  .b2{
    left:310;
    top:140;
  }
  .l3{
    position:absolute;
    left:150;
    top:100;
    border:none;
    border-top-right-radius:50px;
    border-top-left-radius:50px;
    width:100;
    height:50;
    background:#D86F45;
    z-index:1;
  }
  .c3{
    top:120;
    left:170;
  }
</style>