body {

  background: lightyellow;

  transform: scale(1.8);

}

#rect {

  margin: 6em auto;

  height: 80px;

  width: 200px;

  border-radius: 50px 50px 20% 20%;

   background: -webkit-linear-gradient(top, #FBC34C, #D66425); 

  box-shadow: 0 6px #FFDF3F, -40px 41px 0 -35px #E1432A, 40px 41px 0 -35px #E1432A, 0 12px #E1432A, 0 23px #532702, 0 33px #81A833, 0 53px #DB6528;

  position: relative;

}

#rect:before {

  height: 0;

  width: 0;

  border-top: 0px solid transparent;

  border-left: 100px solid transparent;

  border-right: 50px solid transparent;

  border-top: 15px solid #FFDF3F;

  content: '';

  display: block;

  position: absolute;

  margin: 80px auto auto 40px; 

}

#rect:after {

  height: 15px;

  width: 15px;

  content: '';

  display: block;

  position: absolute;

  margin: 102px auto auto 10px;

  background: #81A833;

  border-radius: 100% 3px 100% 2px;

  box-shadow: 4px 1px #8A8424, 16px 1px #81A833, 24px 1px 0 -1px #81A833, 25px 0 #8A8424, 64px 2px 0 1px #81A833, 167px -3px 0 -1px #81A833, 168px -3px 0 -1px #8A8424, 174px -5px 0 2px #81A833, 4px -105px 0 -5px #FEED94, 20px -105px 0 -5px #FEED94, 28px -100px 0 -6px #FEED94, 12px -90px 0 -5px #FEED94, 38px -105px 0 -5px #FEED94, 58px -96px 0 -5px #FEED94, 70px -98px 0 -6px #FEED94, 71px -106px 0 -6px #FEED94, 80px -102px 0 -5px #FEED94, 99px -105px 0 -5px #FEED94, 110px -105px 0 -5px #FEED94, 100px -100px 0 -5px #FEED94, 120px -95px 0 -6px #FEED94, 88px -88px 0 -5px #FEED94;

  transform: skewX(-10deg);

}