cssbattle14

<div class="t t1 a"></div>
<div class="t t1 b"></div>
<div class="t t2 c"></div>
<div class="t t2 d"></div>
<style>
  * {background:#F2F2B6;}
  .t {
    background: rgba(255,255,255,0);
    border: 75px solid transparent;
    position: absolute;
  }
  .t1 {
    top: 85px;
  }
  .a {
    left: 80px;
    border-top: 130px solid #FD4602;
  }
  .b {
    left: 60px;
    border-top: 130px solid #FF6D00;
  }
  .t2 {
    top: 10px;
  }
  .c {
     left: 190px;
     border-bottom: 130px solid #FF6D00;
  }
  .d {
     left: 170px;
     border-bottom: 130px solid #FD4602;
  }
</style>