26.Smiley.md

Target #26 (Smiley)

<div class="eye-1"></div>
<div class="back"></div>
<div class="eye-2"></div>
<div class="back-1"></div>
<div class="mouth"></div>
<div class="back-2"></div>
<style>
  body{
    background:#6592CF;
  }
 .eye-1{
    width: 120px;
    height: 60px;
    background:#060F55;
   border-radius:150px 150px 0 0;
   position:absolute;
   left:40px;
    top:40px;
  }
  .eye-2{
    width: 120px;
    height: 60px;
    background:#060F55;
   border-radius:150px 150px 0 0;
   position:absolute;
   right:40px;
    top:40px;
  }
  .mouth{
    width: 120px;
    height: 60px;
    background:#060F55;
   border-radius:150px 150px 0 0;
    transform:rotate(180deg);
   position:absolute;
   right:140px;
    top:200px;
  }
  
  .back{
    width: 80px;
    height: 40px;
    background: #6592CF;
   border-radius:150px 150px 0 0;
   position:absolute;
   left:60px;
    top:60px;
  }
  .back-1{
    width: 80px;
    height: 40px;
    background:#6592CF;
   border-radius:150px 150px 0 0;
   position:absolute;
   left:260px;
    top:60px;
  }
   .back-2{
    width: 80px;
    height: 40px;
    background:#6592CF;
   border-radius:150px 150px 0 0;
       transform:rotate(180deg);
   position:absolute;
    right:160px;
    top:200px;
  }
</style>