body{
  padding: 5%;
}

#ketchup{
  background: #e72d06;
  width: 50vmin;
  height: 80vmin;
  margin: 0 auto;
  position: relative;
}

#bluecheese{
  background: #a7dce4;
  top: 0;
  left: 0;
  width: 50vmin;
  height: 8vmin;
  position: absolute;
}

#coleslaw{
  background: #f4ad99;
  top: 100%;
  left: 0;
  width: 8vmin;
  height: 72vmin;
  position: absolute;
}

#mayo{
  background: #e7d3a1;
  bottom: 0;
  left: 100%;
  width: 35vmin;
  height: 8vmin;
  position: absolute;
}

#mustard{
  background: #f0d701;
  bottom: 0;
  right: -20%;
  width: 8vmin;
  height: 72vmin;
  position: absolute;
}