Challenge #127 - Letter I

Click here to play the challenge

My Solution

My Score:600.02 (1037 chars,100% match)

<div class="i-hor"></div>
<div class="i"></div>
<div class="square square-left"></div>
<div class="square square-right"></div>
<div class="i-hor i-hor-down"></div>
<div class="dot dot-top"></div>
<div class="dot dot-bottom"></div>

<style>
  .square{
    background:#E3516E;
    height:100px;
    position:absolute;
    width:50px;
    top:100px;
    border-radius:10px;
  }
  .square-left{
    left:135px;
  }
  .square-right{
    right:135px;
  }
  .i{
    position:absolute;
    width:100px;
    height:100px;
    background:#FADE8B;
    left:150px;
    top:100px;
    border-radius:15px;
  }
  .i-hor{
    position:absolute;
    width:100px;
    height:30;
    background:#FADE8B;
    left:150px;
    top:70px;
    border-radius:15px;
  }
  .i-hor-down{
    top:200px;
  }
  .dot{
    position:absolute;
    width:30px;
    height:30px;
    background:#FADE8B;
    border-radius:999px
  }
  .dot-top{
    right:110px;
    top:70px;
  }
  .dot-bottom{
    bottom:70px;
    left:110px
  }
  body{
      background:#E3516E;
  }
</style>