body{
	background-color: #222;
}

.clip-poly{
  background-color: #000;
  width: 20em;
  height: 14em;
  overflow: show;
  clip-path: polygon(10% 0%, 20% 50%, 40% 100%, 90% 100%, 60% 50%, 70% 10%);
  padding: 1%;
  & p{
    background: linear-gradient(170deg, #f22, #4f4, #66f, #f4f);
    background-clip: text;
    color: transparent;
    border-top: solid #f22 2px;
    border-bottom: solid #f4f 2px;
    padding: 0.5em
  }
}

.buffer-one{
  float: left;
  height: 100%;
  width: 50%;
  shape-outside: polygon(20% 0%, 40% 50%, 80% 100%, 0% 100%, 0% 0%);
}

.buffer-two{
  float: right;
  height: 100%;
  width: 50%;
  shape-outside: polygon(80% 100%, 20% 50%, 40% 10%, 0% 0%, 100% 0%, 100% 100%);
}

.buffer-box{
	position: relative;
  height: 100%;
  width: 100%;
}