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

Html

<body>
  <div class="wrapper">
    <div class="taco">
      <div class="shell">
        <div class="meatballs"></div>
        <div class="meatballs"></div>
        <div class="meatballs"></div>
        <div class="meatballs"></div>
        <div class="veges"></div>
        <div class="veges"></div>
        <div class="veges"></div>
      </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;
}
.shell::before {
  position:absolute;
  content:"";
  background:#F7BC50;
  width:100%;
  height:50%;
  border-radius:200px 200px 0 0;
  z-index:2;
}
.shell::after {
  position:absolute;
  content:"";
  background:#E8A938;
  width:100%;
  height:50%;
  border-radius:200px 200px 00px 0;
  left:12%;
}
.shell div {
  position:absolute;
}
.meatballs {
  background:#985411;
  width:70px;
  height:50px;
  border-radius:50%;
  left:70%;
  z-index:1;
}
.meatballs:nth-child(1) {
  top:33%;
  left:89%;
}
.meatballs:nth-child(2) {
  top:20%;
  left:84%;
}
.meatballs:nth-child(3) {
  top:15%;
  left:80%;
}
.meatballs:nth-child(4) {
  top:4%;
  left:70%;
}
.veges {
  background:#729033;
  width:45px;
  height:45px;
  border:2px solid #53C472;
  z-index:1;
}
.veges:nth-child(5) {
  top:-2%;
  left:63%;
  transform:rotate(-15deg);
}
.veges:nth-child(6) {
  top:13%;
  left:80%;
}
.veges:nth-child(7) {
  top:30%;
  left:89%;
  transform:rotate(25deg);
}