See the Pen Burger by John Bastian Bolhano (@johnbolhano) on CodePen.0

Html

<body>
  <div class="wrapper">
    <div class="burger">
      <div class="pun top">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
      <div class="lettuce"></div>
      <div class="cheese"></div>
      <div class="patty"></div>
      <div class="tomato"></div>
      <div class="pun bottom"></div>
    </div>
  </div>
</body>

Css

body {
  background:#F4DD34
}
.wrapper {
  position:absolute;
  margin:auto;
  width:350px;
  height:300px;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.lettuce {
  background:#40DE7F;
  width:100%;
  height:15px;
}
.lettuce::before {
  content:"";
  position:absolute;
  background:#40DE7F;
  width:55px;
  height:30px;
  left:20%;
  border-radius:50%;
}
.lettuce::after {
  content:"";
  position:absolute;
  background:#40DE7F;
  width:55px;
  height:30px;
  left:70%;
  top:25%;
  border-radius:50%;
}
.cheese {
  background:#FEEF6C;
  width:100%;
  height:20px;
  border-radius:20%;
}
.cheese::before {
  background:#FEEF6C;
  content:"";
  position:absolute;
  width:60px;
  height:40px;
  left:3%;
  border-radius:20px;
}
.cheese::after {
  background:#FEEF6C;
  content:"";
  position:absolute;
  width:20px;
  height:80px;
  left:3%;
  border-radius:20px;
}
.patty {
  background:#7E4E29;
  width:100%;
  height:40px;
  border-radius:20px;
}
.tomato {
  background:#BD131D;
  width:100%;
  height:15px;
}
.pun {
  background:#F7BC50;
}
.pun.top {
  width:100%;
  height:90px;
  border-radius:200px 200px 0px 0px;
}
.pun.bottom {
  width:100%;
  height:60px;
  border-radius:20px 20px 100px 100px;
}
span {
  position:absolute;
  background:#FAF2E1;
  width:20px;
  height:10px;
  border-radius:10px;
}
span:nth-child(1) {
  left:10%;
  top:8%;
  transform:rotate(-15deg);
}
span:nth-child(2) {
  left:23%;
  top:18%;
  transform:rotate(15deg);
}
span:nth-child(3) {
  left:22%;
  top:8%;
  transform:rotate(15deg);
}
span:nth-child(4) {
  left:35%;
  top:8%;
  transform:rotate(-15deg);
}
span:nth-child(5) {
  left:48%;
  top:8%;
  transform:rotate(15deg);
}
span:nth-child(6) {
  left:60%;
  top:8%;
  transform:rotate(-15deg);
}
span:nth-child(7) {
  left:75%;
  top:8%;
  transform:rotate(15deg);
}
span:nth-child(8) {
  left:10%;
  top:18%;
  transform:rotate(15deg);
}
span:nth-child(9) {
  left:35%;
  top:18%;
  transform:rotate(15deg);
}
span:nth-child(10) {
  left:45%;
  top:18%;
  transform:rotate(15deg);
}
span:nth-child(11) {
  left:55%;
  top:18%;
  transform:rotate(15deg);
}
span:nth-child(12) {
  left:68%;
  top:18%;
  transform:rotate(15deg);
}
span:nth-child(13) {
  left:80%;
  top:18%;
  transform:rotate(15deg);
}