html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.polygon {
  position: relative;
  top: calc(50% - 250px);
  width: 290px;
  height: 360px;
  margin: auto;
}
.polygon__item {
  position: absolute;
  background-color: #8e171f;
}
.polygon__item:nth-of-type(1) {
  width: 100px;
  height: 100px;
  top: 100px;
  left: 105px;
  clip-path: polygon(100% 0, 0 69%, 77% 100%);
  -webkit-clip-path: polygon(100% 0, 0 69%, 77% 100%);
  background-color: #8f1e28;
}
.polygon__item:nth-of-type(2) {
  width: 135px;
  height: 100px;
  top: 69px;
  left: 68px;
  clip-path: polygon(100% 33%, 0 67%, 29% 100%);
  -webkit-clip-path: polygon(100% 33%, 0 67%, 29% 100%);
  background-color: #8f1e28;
}
.polygon__item:nth-of-type(3) {
  width: 50px;
  height: 100px;
  top: 100px;
  left: 182px;
  clip-path: polygon(46% 0, 0 100%, 100% 56%);
  -webkit-clip-path: polygon(46% 0, 0 100%, 100% 56%);
}
.polygon__item:nth-of-type(4) {
  width: 71px;
  height: 70px;
  top: 88px;
  left: 208px;
  clip-path: polygon(32% 100%, 0 36%, 100% 55%);
  -webkit-clip-path: polygon(32% 100%, 0 36%, 100% 55%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(5) {
  width: 71px;
  height: 70px;
  top: 121px;
  left: 224px;
  clip-path: polygon(0% 59%, 79% 7%, 96% 63%);
  -webkit-clip-path: polygon(0% 59%, 79% 7%, 96% 63%);
  background-color: #662127;
}
.polygon__item:nth-of-type(6) {
  width: 100px;
  height: 97px;
  top: 143px;
  left: 191px;
  clip-path: polygon(37% 100%, 34% 20%, 101% 23%);
  -webkit-clip-path: polygon(37% 100%, 34% 20%, 101% 23%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(7) {
  width: 100px;
  height: 97px;
  top: 160px;
  left: 162px;
  clip-path: polygon(0% 60%, 65% 0, 67% 85%);
  -webkit-clip-path: polygon(0% 60%, 65% 0, 67% 85%);
}
.polygon__item:nth-of-type(8) {
  width: 100px;
  height: 131px;
  top: 168px;
  left: 82px;
  clip-path: polygon(1% 96%, 24% 1%, 100% 24%);
  -webkit-clip-path: polygon(1% 96%, 24% 1%, 100% 24%);
  background-color: #b90c17;
}
.polygon__item:nth-of-type(9) {
  width: 100px;
  height: 79px;
  top: 217px;
  left: 84px;
  clip-path: polygon(0 93%, 48% 98%, 80% 0);
  -webkit-clip-path: polygon(0 93%, 48% 98%, 80% 0);
  background-color: #8f1e28;
}
.polygon__item:nth-of-type(10) {
  width: 100px;
  height: 79px;
  top: 216px;
  left: 132px;
  clip-path: polygon(32% 1%, 0% 100%, 100% 26%);
  -webkit-clip-path: polygon(32% 1%, 0% 100%, 100% 26%);
  background-color: #8f1e28;
}
.polygon__item:nth-of-type(11) {
  width: 66px;
  height: 79px;
  top: 166px;
  left: 229px;
  clip-path: polygon(95% 0%, 0% 91%, 97% 79%);
  -webkit-clip-path: polygon(95% 0%, 0% 91%, 97% 79%);
  background-color: #dc6562;
}
.polygon__item:nth-of-type(12) {
  width: 71px;
  height: 47px;
  top: 79px;
  left: 208px;
  clip-path: polygon(0% 77%, 50% 35%, 100% 100%);
  -webkit-clip-path: polygon(0% 77%, 50% 35%, 100% 100%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(13) {
  width: 80px;
  height: 125px;
  top: 166px;
  left: 27px;
  clip-path: polygon(26% 66%, 100% 0, 71% 100%);
  -webkit-clip-path: polygon(26% 66%, 100% 0, 71% 100%);
  background-color: #d0413d;
}
.polygon__item:nth-of-type(14) {
  width: 68px;
  height: 85px;
  top: 200px;
  left: 16px;
  clip-path: polygon(43% 0%, 6% 100%, 100% 0%);
  -webkit-clip-path: polygon(43% 0%, 6% 100%, 100% 0%);
  background-color: #d82e2a;
}
.polygon__item:nth-of-type(15) {
  width: 50px;
  height: 85px;
  top: 200px;
  left: -4px;
  clip-path: polygon(0% 0%, 48% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 48% 100%, 100% 0%);
  background-color: #d62324;
}
.polygon__item:nth-of-type(16) {
  width: 55px;
  height: 35px;
  top: 166px;
  left: -4px;
  clip-path: polygon(100% 103%, 0 100%, 70% 0);
  -webkit-clip-path: polygon(100% 103%, 0 100%, 70% 0);
  background-color: #d82e2a;
}
.polygon__item:nth-of-type(17) {
  width: 40px;
  height: 72px;
  top: 128px;
  left: -4px;
  clip-path: polygon(100% 53%, 28% 0%, 0% 100%);
  -webkit-clip-path: polygon(100% 53%, 28% 0%, 0% 100%);
  background-color: #ea6258;
}
.polygon__item:nth-of-type(18) {
  width: 80px;
  height: 107px;
  top: 247px;
  left: 20px;
  clip-path: polygon(100% 100%, 36% 0%, 0% 36%);
  -webkit-clip-path: polygon(100% 100%, 36% 0%, 0% 36%);
}
.polygon__item:nth-of-type(19) {
  width: 54px;
  height: 109px;
  top: 247px;
  left: 49px;
  clip-path: polygon(95% 100%, 104% 43%, 0% 2%);
  -webkit-clip-path: polygon(95% 100%, 104% 43%, 0% 2%);
}
.polygon__item:nth-of-type(20) {
  width: 44px;
  height: 71px;
  top: 290px;
  left: 99px;
  clip-path: polygon(100% 100%, 78% 6%, 0% 0%);
  -webkit-clip-path: polygon(100% 100%, 78% 6%, 0% 0%);
}
.polygon__item:nth-of-type(21) {
  width: 44px;
  height: 71px;
  top: 290px;
  left: 99px;
  clip-path: polygon(100% 100%, 4% 0%, 5% 90%);
  -webkit-clip-path: polygon(100% 100%, 4% 0%, 5% 90%);
  background-color: #662127;
}
.polygon__item:nth-of-type(22) {
  width: 41px;
  height: 69px;
  top: 293px;
  left: 131px;
  clip-path: polygon(100% 73%, 4% 0%, 28% 100%);
  -webkit-clip-path: polygon(100% 73%, 4% 0%, 28% 100%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(23) {
  width: 41px;
  height: 52px;
  top: 293px;
  left: 131px;
  clip-path: polygon(100% 24%, 3% 0%, 100% 100%);
  -webkit-clip-path: polygon(100% 24%, 3% 0%, 100% 100%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(24) {
  width: 21px;
  height: 53px;
  top: 304px;
  left: 172px;
  clip-path: polygon(100% 100%, 0% 0%, 0% 80%);
  -webkit-clip-path: polygon(100% 100%, 0% 0%, 0% 80%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(25) {
  width: 42px;
  height: 53px;
  top: 304px;
  left: 171px;
  clip-path: polygon(100% 100%, 0% 0%, 53% 100%);
  -webkit-clip-path: polygon(100% 100%, 0% 0%, 53% 100%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(26) {
  width: 44px;
  height: 65px;
  top: 292px;
  left: 171px;
  clip-path: polygon(96% 100%, 78% 11%, 0% 19%);
  -webkit-clip-path: polygon(96% 100%, 78% 11%, 0% 19%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(27) {
  width: 44px;
  height: 65px;
  top: 292px;
  left: 171px;
  clip-path: polygon(96% 100%, 78% 11%, 0% 19%);
  -webkit-clip-path: polygon(96% 100%, 78% 11%, 0% 19%);
  background-color: #5e1820;
}
.polygon__item:nth-of-type(28) {
  width: 74px;
  height: 82px;
  top: 275px;
  left: 204px;
  clip-path: polygon(11% 100%, 100% 0%, 0% 30%);
  -webkit-clip-path: polygon(11% 100%, 100% 0%, 0% 30%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(29) {
  width: 74px;
  height: 24px;
  top: 275px;
  left: 204px;
  clip-path: polygon(0% 100%, 100% 8%, 36% 0%);
  -webkit-clip-path: polygon(0% 100%, 100% 8%, 36% 0%);
}
.polygon__item:nth-of-type(30) {
  width: 33px;
  height: 30px;
  top: 271px;
  left: 198px;
  clip-path: polygon(10% 100%, 100% 17%, 0% 0%);
  -webkit-clip-path: polygon(10% 100%, 100% 17%, 0% 0%);
  background-color: #dc6562;
}
.polygon__item:nth-of-type(31) {
  width: 33px;
  height: 33px;
  top: 271px;
  left: 169px;
  clip-path: polygon(10% 100%, 100% 86%, 88% 0%);
  -webkit-clip-path: polygon(10% 100%, 100% 86%, 88% 0%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(32) {
  width: 90px;
  height: 67px;
  top: 240px;
  left: 135px;
  clip-path: polygon(0% 80%, 41% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 80%, 41% 100%, 100% 0%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(33) {
  width: 30px;
  height: 38px;
  top: 240px;
  left: 199px;
  clip-path: polygon(0% 83%, 100% 100%, 87% 0%);
  -webkit-clip-path: polygon(0% 83%, 100% 100%, 87% 0%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(34) {
  width: 64px;
  height: 49px;
  top: 228px;
  left: 229px;
  clip-path: polygon(0% 97%, 73% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 97%, 73% 100%, 100% 0%);
}
.polygon__item:nth-of-type(35) {
  width: 66px;
  height: 49px;
  top: 228px;
  left: 225px;
  clip-path: polygon(0% 21%, 4% 100%, 100% 2%);
  -webkit-clip-path: polygon(0% 21%, 4% 100%, 100% 2%);
  background-color: #8f1e28;
}
.polygon__item:nth-of-type(36) {
  width: 80px;
  height: 52px;
  top: 284px;
  left: 20px;
  clip-path: polygon(75% 100%, 0% 4%, 45% 98%);
  -webkit-clip-path: polygon(75% 100%, 0% 4%, 45% 98%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(37) {
  width: 29px;
  height: 20px;
  top: 334px;
  left: 57px;
  clip-path: polygon(100% 100%, 0 0, 80% 10%);
  -webkit-clip-path: polygon(100% 100%, 0 0, 80% 10%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(38) {
  width: 29px;
  height: 20px;
  top: 334px;
  left: 72px;
  clip-path: polygon(98% 100%, 19% 0, 55% 100%);
  -webkit-clip-path: polygon(98% 100%, 19% 0, 55% 100%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(39) {
  width: 44px;
  height: 35px;
  top: 165px;
  left: 35px;
  clip-path: polygon(100% 0, 0 0, 34% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 34% 100%);
  background-color: #f9d2d1;
}
.polygon__item:nth-of-type(40) {
  width: 26px;
  height: 35px;
  top: 165px;
  left: 79px;
  clip-path: polygon(100% 10%, 0 0, 13% 100%);
  -webkit-clip-path: polygon(100% 10%, 0 0, 13% 100%);
  background-color: #f9d2d1;
}
.polygon__item:nth-of-type(41) {
  width: 36px;
  height: 35px;
  top: 165px;
  left: 47px;
  clip-path: polygon(100% 100%, 0 100%, 90% 0);
  -webkit-clip-path: polygon(100% 100%, 0 100%, 90% 0);
  background-color: #dc6562;
}
.polygon__item:nth-of-type(42) {
  width: 46px;
  height: 35px;
  top: 131px;
  left: 33px;
  clip-path: polygon(100% 100%, 0 100%, 42% 0);
  -webkit-clip-path: polygon(100% 100%, 0 100%, 42% 0);
  background-color: #f57a7d;
}
.polygon__item:nth-of-type(43) {
  width: 29px;
  height: 35px;
  top: 131px;
  left: 50px;
  clip-path: polygon(100% 100%, 68% 19%, 4% 0%);
  -webkit-clip-path: polygon(100% 100%, 68% 19%, 4% 0%);
  background-color: #dc6562;
}
.polygon__item:nth-of-type(44) {
  width: 38px;
  height: 35px;
  top: 135px;
  left: 69px;
  clip-path: polygon(100% 97%, 23% 86%, 0% 0%);
  -webkit-clip-path: polygon(100% 97%, 23% 86%, 0% 0%);
  background-color: #f57a7d;
}
.polygon__item:nth-of-type(45) {
  width: 44px;
  height: 35px;
  top: 129px;
  left: 8px;
  clip-path: polygon(100% 6%, 0% 0%, 61% 100%);
  -webkit-clip-path: polygon(100% 6%, 0% 0%, 61% 100%);
  background-color: #d82e2a;
}
.polygon__item:nth-of-type(46) {
  width: 48px;
  height: 43px;
  top: 90px;
  left: 8px;
  clip-path: polygon(100% 100%, 0 91%, 92% 0);
  -webkit-clip-path: polygon(100% 100%, 0 91%, 92% 0);
  background-color: #ea6258;
}
.polygon__item:nth-of-type(47) {
  width: 69px;
  height: 46px;
  top: 90px;
  left: 52px;
  clip-path: polygon(100% 30%, 0% 0%, 6% 100%);
  -webkit-clip-path: polygon(100% 30%, 0% 0%, 6% 100%);
}
.polygon__item:nth-of-type(48) {
  width: 63px;
  height: 36px;
  top: 103px;
  left: 60px;
  clip-path: polygon(16% 98%, 0% 85%, 100% 0%);
  -webkit-clip-path: polygon(16% 98%, 0% 85%, 100% 0%);
  background-color: #d82e2a;
}
.polygon__item:nth-of-type(49) {
  width: 125px;
  height: 35px;
  top: 104px;
  left: 77px;
  clip-path: polygon(95% 0%, 35% 3%, 1% 84%);
  -webkit-clip-path: polygon(95% 0%, 35% 3%, 1% 84%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(50) {
  width: 111px;
  height: 23px;
  top: 83px;
  left: 116px;
  clip-path: polygon(100% 0, 43% 100%, 0 100%);
  -webkit-clip-path: polygon(100% 0, 43% 100%, 0 100%);
}
.polygon__item:nth-of-type(51) {
  width: 79px;
  height: 23px;
  top: 83px;
  left: 150px;
  clip-path: polygon(100% 0, 60% 100%, 0 100%);
  -webkit-clip-path: polygon(100% 0, 60% 100%, 0 100%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(52) {
  width: 39px;
  height: 20px;
  top: 94px;
  left: 205px;
  clip-path: polygon(100% 4%, 0% 22%, 15% 99%);
  -webkit-clip-path: polygon(100% 4%, 0% 22%, 15% 99%);
}
.polygon__item:nth-of-type(53) {
  width: 39px;
  height: 20px;
  top: 81px;
  left: 205px;
  clip-path: polygon(60% 13%, 100% 73%, 0 100%);
  -webkit-clip-path: polygon(60% 13%, 100% 73%, 0 100%);
}
.polygon__item:nth-of-type(54) {
  width: 91px;
  height: 23px;
  top: 83px;
  left: 135px;
  clip-path: polygon(37% 2%, 100% 0%, 0 100%);
  -webkit-clip-path: polygon(37% 2%, 100% 0%, 0 100%);
  background-color: #aa7f75;
}
.polygon__item:nth-of-type(55) {
  width: 62px;
  height: 11px;
  top: 73px;
  left: 168px;
  clip-path: polygon(37% 5%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(37% 5%, 100% 100%, 0 100%);
  background-color: #662127;
}
.polygon__item:nth-of-type(56) {
  width: 48px;
  height: 14px;
  top: 71px;
  left: 143px;
  clip-path: polygon(50% 100%, 100% 16%, 0 0);
  -webkit-clip-path: polygon(50% 100%, 100% 16%, 0 0);
  background-color: #a25954;
}
.polygon__item:nth-of-type(57) {
  width: 27px;
  height: 33px;
  top: 71px;
  left: 139px;
  clip-path: polygon(0% 100%, 100% 42%, 14% 0%);
  -webkit-clip-path: polygon(0% 100%, 100% 42%, 14% 0%);
}
.polygon__item:nth-of-type(58) {
  width: 24px;
  height: 26px;
  top: 79px;
  left: 119px;
  clip-path: polygon(81% 100%, 100% 0%, 11% 0%);
  -webkit-clip-path: polygon(81% 100%, 100% 0%, 11% 0%);
  background-color: #7a1d27;
}
.polygon__item:nth-of-type(59) {
  width: 24px;
  height: 8px;
  top: 71px;
  left: 119px;
  clip-path: polygon(100% 100%, 100% 0%, 11% 0%);
  -webkit-clip-path: polygon(100% 100%, 100% 0%, 11% 0%);
  background-color: #a25954;
}
.polygon__item:nth-of-type(60) {
  width: 24px;
  height: 8px;
  top: 71px;
  left: 119px;
  clip-path: polygon(0 100%, 100% 100%, 9% 0%);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 9% 0%);
  background-color: #f1e2e0;
}
.polygon__item:nth-of-type(61) {
  width: 75px;
  height: 22px;
  top: 83px;
  left: 50px;
  clip-path: polygon(2% 31%, 100% 100%, 24% 0%);
  -webkit-clip-path: polygon(2% 31%, 100% 100%, 24% 0%);
  background-color: #aa7f75;
}
.polygon__item:nth-of-type(62) {
  width: 46px;
  height: 30px;
  top: 75px;
  left: 78px;
  clip-path: polygon(7% 44%, 100% 100%, 63% 0%);
  -webkit-clip-path: polygon(7% 44%, 100% 100%, 63% 0%);
  background-color: #a25954;
}
.polygon__item:nth-of-type(63) {
  width: 46px;
  height: 14px;
  top: 75px;
  left: 67px;
  clip-path: polygon(33% 95%, 89% 0%, 0% 53%);
  -webkit-clip-path: polygon(33% 95%, 89% 0%, 0% 53%);
  background-color: #f1e2e0;
}
.polygon__item:nth-of-type(64) {
  width: 24px;
  height: 14px;
  top: 40px;
  left: 69px;
  clip-path: polygon(77% 95%, 89% 12%, 15% 67%);
  -webkit-clip-path: polygon(77% 95%, 89% 12%, 15% 67%);
  background-color: #5b2a22;
}
.polygon__item:nth-of-type(65) {
  width: 50px;
  height: 61px;
  top: 40px;
  left: 87px;
  clip-path: polygon(100% 100%, 8% 0%, 25% 45%);
  -webkit-clip-path: polygon(100% 100%, 8% 0%, 25% 45%);
  background-color: #5b2a22;
}
.polygon__item:nth-of-type(66) {
  width: 14px;
  height: 28px;
  top: 40px;
  left: 87px;
  clip-path: polygon(100% 100%, 26% 0%, 0% 45%);
  -webkit-clip-path: polygon(100% 100%, 26% 0%, 0% 45%);
  background-color: #83473e;
}
.polygon__item:nth-of-type(67) {
  width: 29px;
  height: 33px;
  top: 73px;
  left: 107px;
  clip-path: polygon(100% 84%, 0% 0%, 49% 100%);
  -webkit-clip-path: polygon(100% 84%, 0% 0%, 49% 100%);
  background-color: #451917;
}