body{
  background:#d7d7d6;
  margin:0 auto;
  padding:0;
}
h1{
  text-align:center;
  font-family:arial;
  
}
ul{
  background:#e60000;
  width:350px;
  height:150px;
  padding:0;
  margin:50px auto;
  list-style:none;
  
}
ul li{
  background:#FFF;
  width:60px;
  height:20px;
  position:absolute;
  transform:skew(-5deg);
}
ul li:nth-child(1){
  margin:44px;
}
ul li:nth-child(1):before{
  content: '';
  background:#FFF;
  position:absolute;
  width:60px;
  height:40px;
  margin:26px 0;
}
ul li:nth-child(1):after{
  content: '';
  position:absolute;
  background:#e60000;
  width:36px;
  height:10px;
  margin:40px 25px;
}
ul li:nth-child(2){
  margin:44px 110px;
  border-radius:15px 0 0 0;
}
ul li:nth-child(2):before{
  content: '';
  position:absolute;
  background:#FFF;
  width:60px;
  height:15px;
  margin:26px 0;
  border-radius:0  15px 0 15px;
}
ul li:nth-child(2):after{
  content: '';
  position:absolute;
  background:#FFF;
  width:60px;
  height:16px;
  margin:50px 0;
  border-radius:0 0 15px 0;
}
ul li:nth-child(2) div{
  background:#FFF;
  width:20px;
  height:12px;
  position:absolute;
  margin: 40px;
  transform: skew(1deg);
}
ul li:nth-child(3){
  width:65px;
  margin:44px 169px;
  border-radius:0 15px 0 0 ;
}
ul li:nth-child(3):before{
  content: '';
  position:absolute;
  background:#FFF;
  width:60px;
  height:16px;
  margin:26px 6px;
  border-radius:0 0 15px 0;
}
ul li:nth-child(3):after{
  content: '';
  position:absolute;
  background:#FFF;
  width:22px;
  height:24px;
  margin:42px 6px;
}
ul li:nth-child(4){
  margin:44px 239px;
  border-radius:0 15px 0  0;
}
ul li:nth-child(4):before{
  content: '';
  position: absolute;
  background:#FFF;
  width:60px;
  height:40px;
  margin:26px 0;
}
ul li:nth-child(4):after{
  content: '';
  position: absolute;
  background:#e60000;
  width:22px;
  height:40px;
  margin:26px 20px;
}