126-letter-a.md

Battle #20 - Rotate

#126 - Letter A

Link to the problem

<div b></div>
<div a></div>
<div d></div>
<div c></div>
<style>
  body {
    background: #62306d;
  }
  div {
    position: absolute;
  }
  [a] {
    background: #fef9ca;
    width: 42;
    height: 140;
    transform: skew(-20deg);
    top: 80;
    left: 149;
  }
  [b] {
    background: #c5b732;
    width: 43;
    height: 140;
    transform: skew(20deg);
    top: 80;
    left: 208;
  }
  [c] {
    background: #e38f66;
    width: 52;
    height: 50;
    transform: skew(-40deg);
    top: 170;
    left: 150;
  }
  [d] {
    background: #aa445f;
    width: 52;
    height: 50;
    transform: skew(40deg);
    top: 170;
    left: 198;
  }
</style>