CSS-эффекты и графика
Low-poly фон
Треугольная сетка с градиентной заливкой ячеек: плотность, дрожание узлов и разброс яркости настраиваются, картинка воспроизводится по номеру варианта.
Сетка
Обводка убирает волосяные щели между треугольниками — они видны в Safari при дробном масштабе.
Превью
Треугольников: 96 · размер файла ≈ 11.3 КБ
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800" preserveAspectRatio="none"> <polygon points="0,0 161.2077,0 162.2043,137.8198" fill="#3a2e79" stroke="#3a2e79" stroke-width="1"/> <polygon points="0,0 162.2043,137.8198 0,132.1278" fill="#544a93" stroke="#544a93" stroke-width="1"/> <polygon points="161.2077,0 297.5982,0 162.2043,137.8198" fill="#45337f" stroke="#45337f" stroke-width="1"/> <polygon points="297.5982,0 303.757,143.8165 162.2043,137.8198" fill="#533a8a" stroke="#533a8a" stroke-width="1"/> <polygon points="297.5982,0 455.2297,0 437.3027,135.2735" fill="#593b88" stroke="#593b88" stroke-width="1"/> <polygon points="297.5982,0 437.3027,135.2735 303.757,143.8165" fill="#573a86" stroke="#573a86" stroke-width="1"/> <polygon points="455.2297,0 593.7417,0 437.3027,135.2735" fill="#66408f" stroke="#66408f" stroke-width="1"/> <polygon points="593.7417,0 584.9552,142.4752 437.3027,135.2735" fill="#6b418d" stroke="#6b418d" stroke-width="1"/> <polygon points="593.7417,0 762.6312,0 740.4714,135.7131" fill="#73438d" stroke="#73438d" stroke-width="1"/> <polygon points="593.7417,0 740.4714,135.7131 584.9552,142.4752" fill="#6d4086" stroke="#6d4086" stroke-width="1"/> <polygon points="762.6312,0 915.965,0 740.4714,135.7131" fill="#7a468d" stroke="#7a468d" stroke-width="1"/> <polygon points="915.965,0 909.8021,133.2475 740.4714,135.7131" fill="#92559e" stroke="#92559e" stroke-width="1"/> <polygon points="915.965,0 1059.2731,0 1064.1476,142.9628" fill="#9b57a0" stroke="#9b57a0" stroke-width="1"/> <polygon points="915.965,0 1064.1476,142.9628 909.8021,133.2475" fill="#9d5aa1" stroke="#9d5aa1" stroke-width="1"/> <polygon points="1059.2731,0 1200,0 1064.1476,142.9628" fill="#995097" stroke="#995097" stroke-width="1"/> <polygon points="1200,0 1200,139.5971 1064.1476,142.9628" fill="#ab58a2" stroke="#ab58a2" stroke-width="1"/> <polygon points="0,132.1278 162.2043,137.8198 0,265.6708" fill="#41317b" stroke="#41317b" stroke-width="1"/> <polygon points="162.2043,137.8198 165.3368,260.7562 0,265.6708" fill="#634e96" stroke="#634e96" stroke-width="1"/> <polygon points="162.2043,137.8198 303.757,143.8165 309.5089,272.8474" fill="#593b88" stroke="#593b88" stroke-width="1"/> <polygon points="162.2043,137.8198 309.5089,272.8474 165.3368,260.7562" fill="#553883" stroke="#553883" stroke-width="1"/> <polygon points="303.757,143.8165 437.3027,135.2735 309.5089,272.8474" fill="#6f4c96" stroke="#6f4c96" stroke-width="1"/> <polygon points="437.3027,135.2735 459.9986,255.2751 309.5089,272.8474" fill="#633d84" stroke="#633d84" stroke-width="1"/> <polygon points="437.3027,135.2735 584.9552,142.4752 600.4526,255.0902" fill="#764693" stroke="#764693" stroke-width="1"/> <polygon points="437.3027,135.2735 600.4526,255.0902 459.9986,255.2751" fill="#764592" stroke="#764592" stroke-width="1"/> <polygon points="584.9552,142.4752 740.4714,135.7131 600.4526,255.0902" fill="#88549c" stroke="#88549c" stroke-width="1"/> <polygon points="740.4714,135.7131 738.1948,259.7967 600.4526,255.0902" fill="#7d468a" stroke="#7d468a" stroke-width="1"/> <polygon points="740.4714,135.7131 909.8021,133.2475 893.9708,280.7909" fill="#a061a5" stroke="#a061a5" stroke-width="1"/> <polygon points="740.4714,135.7131 893.9708,280.7909 738.1948,259.7967" fill="#9c5ea4" stroke="#9c5ea4" stroke-width="1"/> <polygon points="909.8021,133.2475 1064.1476,142.9628 893.9708,280.7909" fill="#a35ba2" stroke="#a35ba2" stroke-width="1"/> <polygon points="1064.1476,142.9628 1040.7138,256.5894 893.9708,280.7909" fill="#b167aa" stroke="#b167aa" stroke-width="1"/> <polygon points="1064.1476,142.9628 1200,139.5971 1200,252.6666" fill="#a45497" stroke="#a45497" stroke-width="1"/> <polygon points="1064.1476,142.9628 1200,252.6666 1040.7138,256.5894" fill="#b35da5" stroke="#b35da5" stroke-width="1"/> <polygon points="0,265.6708 165.3368,260.7562 143.4859,390.836" fill="#543985" stroke="#543985" stroke-width="1"/> <polygon points="0,265.6708 143.4859,390.836 0,392.4287" fill="#6b5299" stroke="#6b5299" stroke-width="1"/> <polygon points="165.3368,260.7562 309.5089,272.8474 143.4859,390.836" fill="#5a3982" stroke="#5a3982" stroke-width="1"/> <polygon points="309.5089,272.8474 308.2925,390.1416 143.4859,390.836" fill="#67408a" stroke="#67408a" stroke-width="1"/> <polygon points="309.5089,272.8474 459.9986,255.2751 447.565,397.2778" fill="#73448f" stroke="#73448f" stroke-width="1"/> <polygon points="309.5089,272.8474 447.565,397.2778 308.2925,390.1416" fill="#855aa0" stroke="#855aa0" stroke-width="1"/> <polygon points="459.9986,255.2751 600.4526,255.0902 447.565,397.2778" fill="#89579e" stroke="#89579e" stroke-width="1"/> <polygon points="600.4526,255.0902 596.2802,390.3996 447.565,397.2778" fill="#8c529c" stroke="#8c529c" stroke-width="1"/> <polygon points="600.4526,255.0902 738.1948,259.7967 741.2786,396.4754" fill="#9a5ca2" stroke="#9a5ca2" stroke-width="1"/> <polygon points="600.4526,255.0902 741.2786,396.4754 596.2802,390.3996" fill="#92509b" stroke="#92509b" stroke-width="1"/> <polygon points="738.1948,259.7967 893.9708,280.7909 741.2786,396.4754" fill="#934f94" stroke="#934f94" stroke-width="1"/> <polygon points="893.9708,280.7909 888.9444,399.5156 741.2786,396.4754" fill="#954e90" stroke="#954e90" stroke-width="1"/> <polygon points="893.9708,280.7909 1040.7138,256.5894 1049.9645,388.2005" fill="#b361a8" stroke="#b361a8" stroke-width="1"/> <polygon points="893.9708,280.7909 1049.9645,388.2005 888.9444,399.5156" fill="#b15ca4" stroke="#b15ca4" stroke-width="1"/> <polygon points="1040.7138,256.5894 1200,252.6666 1049.9645,388.2005" fill="#c06eaf" stroke="#c06eaf" stroke-width="1"/> <polygon points="1200,252.6666 1200,391.5169 1049.9645,388.2005" fill="#c970b1" stroke="#c970b1" stroke-width="1"/> <polygon points="0,392.4287 143.4859,390.836 0,543.5832" fill="#593a82" stroke="#593a82" stroke-width="1"/> <polygon points="143.4859,390.836 161.269,546.6778 0,543.5832" fill="#77519a" stroke="#77519a" stroke-width="1"/> <polygon points="143.4859,390.836 308.2925,390.1416 287.7819,527.3367" fill="#673d83" stroke="#673d83" stroke-width="1"/> <polygon points="143.4859,390.836 287.7819,527.3367 161.269,546.6778" fill="#83599e" stroke="#83599e" stroke-width="1"/> <polygon points="308.2925,390.1416 447.565,397.2778 287.7819,527.3367" fill="#814d98" stroke="#814d98" stroke-width="1"/> <polygon points="447.565,397.2778 453.5249,542.1804 287.7819,527.3367" fill="#834a94" stroke="#834a94" stroke-width="1"/> <polygon points="447.565,397.2778 596.2802,390.3996 588.5093,536.689" fill="#93539c" stroke="#93539c" stroke-width="1"/> <polygon points="447.565,397.2778 588.5093,536.689 453.5249,542.1804" fill="#9c62a5" stroke="#9c62a5" stroke-width="1"/> <polygon points="596.2802,390.3996 741.2786,396.4754 588.5093,536.689" fill="#a767a9" stroke="#a767a9" stroke-width="1"/> <polygon points="741.2786,396.4754 735.6773,530.542 588.5093,536.689" fill="#aa61a6" stroke="#aa61a6" stroke-width="1"/> <polygon points="741.2786,396.4754 888.9444,399.5156 901.7862,519.2665" fill="#b05ea5" stroke="#b05ea5" stroke-width="1"/> <polygon points="741.2786,396.4754 901.7862,519.2665 735.6773,530.542" fill="#a5559c" stroke="#a5559c" stroke-width="1"/> <polygon points="888.9444,399.5156 1049.9645,388.2005 901.7862,519.2665" fill="#b35ba2" stroke="#b35ba2" stroke-width="1"/> <polygon points="1049.9645,388.2005 1056.1733,544.208 901.7862,519.2665" fill="#c76daf" stroke="#c76daf" stroke-width="1"/> <polygon points="1049.9645,388.2005 1200,391.5169 1200,523.6775" fill="#c863a9" stroke="#c863a9" stroke-width="1"/> <polygon points="1049.9645,388.2005 1200,523.6775 1056.1733,544.208" fill="#d071b2" stroke="#d071b2" stroke-width="1"/> <polygon points="0,543.5832 161.269,546.6778 154.1557,668.8905" fill="#724590" stroke="#724590" stroke-width="1"/> <polygon points="0,543.5832 154.1557,668.8905 0,680.5661" fill="#81569d" stroke="#81569d" stroke-width="1"/> <polygon points="161.269,546.6778 287.7819,527.3367 154.1557,668.8905" fill="#814e99" stroke="#814e99" stroke-width="1"/> <polygon points="287.7819,527.3367 285.2262,656.0287 154.1557,668.8905" fill="#8e59a0" stroke="#8e59a0" stroke-width="1"/> <polygon points="287.7819,527.3367 453.5249,542.1804 446.7422,674.7463" fill="#975aa2" stroke="#975aa2" stroke-width="1"/> <polygon points="287.7819,527.3367 446.7422,674.7463 285.2262,656.0287" fill="#94569e" stroke="#94569e" stroke-width="1"/> <polygon points="453.5249,542.1804 588.5093,536.689 446.7422,674.7463" fill="#a362a7" stroke="#a362a7" stroke-width="1"/> <polygon points="588.5093,536.689 606.0105,669.7651 446.7422,674.7463" fill="#a860a5" stroke="#a860a5" stroke-width="1"/> <polygon points="588.5093,536.689 735.6773,530.542 761.9734,666.7567" fill="#b060a7" stroke="#b060a7" stroke-width="1"/> <polygon points="588.5093,536.689 761.9734,666.7567 606.0105,669.7651" fill="#9c5093" stroke="#9c5093" stroke-width="1"/> <polygon points="735.6773,530.542 901.7862,519.2665 761.9734,666.7567" fill="#b75da5" stroke="#b75da5" stroke-width="1"/> <polygon points="901.7862,519.2665 896.4626,672.7868 761.9734,666.7567" fill="#c364aa" stroke="#c364aa" stroke-width="1"/> <polygon points="901.7862,519.2665 1056.1733,544.208 1043.2858,675.9463" fill="#d073b3" stroke="#d073b3" stroke-width="1"/> <polygon points="901.7862,519.2665 1043.2858,675.9463 896.4626,672.7868" fill="#c962aa" stroke="#c962aa" stroke-width="1"/> <polygon points="1056.1733,544.208 1200,523.6775 1043.2858,675.9463" fill="#da79b8" stroke="#da79b8" stroke-width="1"/> <polygon points="1200,523.6775 1200,680.4505 1043.2858,675.9463" fill="#d264a7" stroke="#d264a7" stroke-width="1"/> <polygon points="0,680.5661 154.1557,668.8905 0,800" fill="#83529b" stroke="#83529b" stroke-width="1"/> <polygon points="154.1557,668.8905 139.0042,800 0,800" fill="#925fa3" stroke="#925fa3" stroke-width="1"/> <polygon points="154.1557,668.8905 285.2262,656.0287 297.6184,800" fill="#9559a0" stroke="#9559a0" stroke-width="1"/> <polygon points="154.1557,668.8905 297.6184,800 139.0042,800" fill="#864a91" stroke="#864a91" stroke-width="1"/> <polygon points="285.2262,656.0287 446.7422,674.7463 297.6184,800" fill="#9d5aa2" stroke="#9d5aa2" stroke-width="1"/> <polygon points="446.7422,674.7463 433.816,800 297.6184,800" fill="#8f4c8f" stroke="#8f4c8f" stroke-width="1"/> <polygon points="446.7422,674.7463 606.0105,669.7651 586.5583,800" fill="#a15398" stroke="#a15398" stroke-width="1"/> <polygon points="446.7422,674.7463 586.5583,800 433.816,800" fill="#a05297" stroke="#a05297" stroke-width="1"/> <polygon points="606.0105,669.7651 761.9734,666.7567 586.5583,800" fill="#a75598" stroke="#a75598" stroke-width="1"/> <polygon points="761.9734,666.7567 757.1217,800 586.5583,800" fill="#bb5ea5" stroke="#bb5ea5" stroke-width="1"/> <polygon points="761.9734,666.7567 896.4626,672.7868 894.378,800" fill="#cc69ad" stroke="#cc69ad" stroke-width="1"/> <polygon points="761.9734,666.7567 894.378,800 757.1217,800" fill="#ce73b3" stroke="#ce73b3" stroke-width="1"/> <polygon points="896.4626,672.7868 1043.2858,675.9463 894.378,800" fill="#c35ea0" stroke="#c35ea0" stroke-width="1"/> <polygon points="1043.2858,675.9463 1036.736,800 894.378,800" fill="#dd6eb1" stroke="#dd6eb1" stroke-width="1"/> <polygon points="1043.2858,675.9463 1200,680.4505 1200,800" fill="#de69ab" stroke="#de69ab" stroke-width="1"/> <polygon points="1043.2858,675.9463 1200,800 1036.736,800" fill="#e36baf" stroke="#e36baf" stroke-width="1"/> </svg>
CSS: фон блока
.low-poly {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' width='1200' height='800' preserveAspectRatio='none'%3E %3Cpolygon points='0,0 161.2077,0 162.2043,137.8198' fill='%233a2e79' stroke='%233a2e79' stroke-width='1'/%3E %3Cpolygon points='0,0 162.2043,137.8198 0,132.1278' fill='%23544a93' stroke='%23544a93' stroke-width='1'/%3E %3Cpolygon points='161.2077,0 297.5982,0 162.2043,137.8198' fill='%2345337f' stroke='%2345337f' stroke-width='1'/%3E %3Cpolygon points='297.5982,0 303.757,143.8165 162.2043,137.8198' fill='%23533a8a' stroke='%23533a8a' stroke-width='1'/%3E %3Cpolygon points='297.5982,0 455.2297,0 437.3027,135.2735' fill='%23593b88' stroke='%23593b88' stroke-width='1'/%3E %3Cpolygon points='297.5982,0 437.3027,135.2735 303.757,143.8165' fill='%23573a86' stroke='%23573a86' stroke-width='1'/%3E %3Cpolygon points='455.2297,0 593.7417,0 437.3027,135.2735' fill='%2366408f' stroke='%2366408f' stroke-width='1'/%3E %3Cpolygon points='593.7417,0 584.9552,142.4752 437.3027,135.2735' fill='%236b418d' stroke='%236b418d' stroke-width='1'/%3E %3Cpolygon points='593.7417,0 762.6312,0 740.4714,135.7131' fill='%2373438d' stroke='%2373438d' stroke-width='1'/%3E %3Cpolygon points='593.7417,0 740.4714,135.7131 584.9552,142.4752' fill='%236d4086' stroke='%236d4086' stroke-width='1'/%3E %3Cpolygon points='762.6312,0 915.965,0 740.4714,135.7131' fill='%237a468d' stroke='%237a468d' stroke-width='1'/%3E %3Cpolygon points='915.965,0 909.8021,133.2475 740.4714,135.7131' fill='%2392559e' stroke='%2392559e' stroke-width='1'/%3E %3Cpolygon points='915.965,0 1059.2731,0 1064.1476,142.9628' fill='%239b57a0' stroke='%239b57a0' stroke-width='1'/%3E %3Cpolygon points='915.965,0 1064.1476,142.9628 909.8021,133.2475' fill='%239d5aa1' stroke='%239d5aa1' stroke-width='1'/%3E %3Cpolygon points='1059.2731,0 1200,0 1064.1476,142.9628' fill='%23995097' stroke='%23995097' stroke-width='1'/%3E %3Cpolygon points='1200,0 1200,139.5971 1064.1476,142.9628' fill='%23ab58a2' stroke='%23ab58a2' stroke-width='1'/%3E %3Cpolygon points='0,132.1278 162.2043,137.8198 0,265.6708' fill='%2341317b' stroke='%2341317b' stroke-width='1'/%3E %3Cpolygon points='162.2043,137.8198 165.3368,260.7562 0,265.6708' fill='%23634e96' stroke='%23634e96' stroke-width='1'/%3E %3Cpolygon points='162.2043,137.8198 303.757,143.8165 309.5089,272.8474' fill='%23593b88' stroke='%23593b88' stroke-width='1'/%3E %3Cpolygon points='162.2043,137.8198 309.5089,272.8474 165.3368,260.7562' fill='%23553883' stroke='%23553883' stroke-width='1'/%3E %3Cpolygon points='303.757,143.8165 437.3027,135.2735 309.5089,272.8474' fill='%236f4c96' stroke='%236f4c96' stroke-width='1'/%3E %3Cpolygon points='437.3027,135.2735 459.9986,255.2751 309.5089,272.8474' fill='%23633d84' stroke='%23633d84' stroke-width='1'/%3E %3Cpolygon points='437.3027,135.2735 584.9552,142.4752 600.4526,255.0902' fill='%23764693' stroke='%23764693' stroke-width='1'/%3E %3Cpolygon points='437.3027,135.2735 600.4526,255.0902 459.9986,255.2751' fill='%23764592' stroke='%23764592' stroke-width='1'/%3E %3Cpolygon points='584.9552,142.4752 740.4714,135.7131 600.4526,255.0902' fill='%2388549c' stroke='%2388549c' stroke-width='1'/%3E %3Cpolygon points='740.4714,135.7131 738.1948,259.7967 600.4526,255.0902' fill='%237d468a' stroke='%237d468a' stroke-width='1'/%3E %3Cpolygon points='740.4714,135.7131 909.8021,133.2475 893.9708,280.7909' fill='%23a061a5' stroke='%23a061a5' stroke-width='1'/%3E %3Cpolygon points='740.4714,135.7131 893.9708,280.7909 738.1948,259.7967' fill='%239c5ea4' stroke='%239c5ea4' stroke-width='1'/%3E %3Cpolygon points='909.8021,133.2475 1064.1476,142.9628 893.9708,280.7909' fill='%23a35ba2' stroke='%23a35ba2' stroke-width='1'/%3E %3Cpolygon points='1064.1476,142.9628 1040.7138,256.5894 893.9708,280.7909' fill='%23b167aa' stroke='%23b167aa' stroke-width='1'/%3E %3Cpolygon points='1064.1476,142.9628 1200,139.5971 1200,252.6666' fill='%23a45497' stroke='%23a45497' stroke-width='1'/%3E %3Cpolygon points='1064.1476,142.9628 1200,252.6666 1040.7138,256.5894' fill='%23b35da5' stroke='%23b35da5' stroke-width='1'/%3E %3Cpolygon points='0,265.6708 165.3368,260.7562 143.4859,390.836' fill='%23543985' stroke='%23543985' stroke-width='1'/%3E %3Cpolygon points='0,265.6708 143.4859,390.836 0,392.4287' fill='%236b5299' stroke='%236b5299' stroke-width='1'/%3E %3Cpolygon points='165.3368,260.7562 309.5089,272.8474 143.4859,390.836' fill='%235a3982' stroke='%235a3982' stroke-width='1'/%3E %3Cpolygon points='309.5089,272.8474 308.2925,390.1416 143.4859,390.836' fill='%2367408a' stroke='%2367408a' stroke-width='1'/%3E %3Cpolygon points='309.5089,272.8474 459.9986,255.2751 447.565,397.2778' fill='%2373448f' stroke='%2373448f' stroke-width='1'/%3E %3Cpolygon points='309.5089,272.8474 447.565,397.2778 308.2925,390.1416' fill='%23855aa0' stroke='%23855aa0' stroke-width='1'/%3E %3Cpolygon points='459.9986,255.2751 600.4526,255.0902 447.565,397.2778' fill='%2389579e' stroke='%2389579e' stroke-width='1'/%3E %3Cpolygon points='600.4526,255.0902 596.2802,390.3996 447.565,397.2778' fill='%238c529c' stroke='%238c529c' stroke-width='1'/%3E %3Cpolygon points='600.4526,255.0902 738.1948,259.7967 741.2786,396.4754' fill='%239a5ca2' stroke='%239a5ca2' stroke-width='1'/%3E %3Cpolygon points='600.4526,255.0902 741.2786,396.4754 596.2802,390.3996' fill='%2392509b' stroke='%2392509b' stroke-width='1'/%3E %3Cpolygon points='738.1948,259.7967 893.9708,280.7909 741.2786,396.4754' fill='%23934f94' stroke='%23934f94' stroke-width='1'/%3E %3Cpolygon points='893.9708,280.7909 888.9444,399.5156 741.2786,396.4754' fill='%23954e90' stroke='%23954e90' stroke-width='1'/%3E %3Cpolygon points='893.9708,280.7909 1040.7138,256.5894 1049.9645,388.2005' fill='%23b361a8' stroke='%23b361a8' stroke-width='1'/%3E %3Cpolygon points='893.9708,280.7909 1049.9645,388.2005 888.9444,399.5156' fill='%23b15ca4' stroke='%23b15ca4' stroke-width='1'/%3E %3Cpolygon points='1040.7138,256.5894 1200,252.6666 1049.9645,388.2005' fill='%23c06eaf' stroke='%23c06eaf' stroke-width='1'/%3E %3Cpolygon points='1200,252.6666 1200,391.5169 1049.9645,388.2005' fill='%23c970b1' stroke='%23c970b1' stroke-width='1'/%3E %3Cpolygon points='0,392.4287 143.4859,390.836 0,543.5832' fill='%23593a82' stroke='%23593a82' stroke-width='1'/%3E %3Cpolygon points='143.4859,390.836 161.269,546.6778 0,543.5832' fill='%2377519a' stroke='%2377519a' stroke-width='1'/%3E %3Cpolygon points='143.4859,390.836 308.2925,390.1416 287.7819,527.3367' fill='%23673d83' stroke='%23673d83' stroke-width='1'/%3E %3Cpolygon points='143.4859,390.836 287.7819,527.3367 161.269,546.6778' fill='%2383599e' stroke='%2383599e' stroke-width='1'/%3E %3Cpolygon points='308.2925,390.1416 447.565,397.2778 287.7819,527.3367' fill='%23814d98' stroke='%23814d98' stroke-width='1'/%3E %3Cpolygon points='447.565,397.2778 453.5249,542.1804 287.7819,527.3367' fill='%23834a94' stroke='%23834a94' stroke-width='1'/%3E %3Cpolygon points='447.565,397.2778 596.2802,390.3996 588.5093,536.689' fill='%2393539c' stroke='%2393539c' stroke-width='1'/%3E %3Cpolygon points='447.565,397.2778 588.5093,536.689 453.5249,542.1804' fill='%239c62a5' stroke='%239c62a5' stroke-width='1'/%3E %3Cpolygon points='596.2802,390.3996 741.2786,396.4754 588.5093,536.689' fill='%23a767a9' stroke='%23a767a9' stroke-width='1'/%3E %3Cpolygon points='741.2786,396.4754 735.6773,530.542 588.5093,536.689' fill='%23aa61a6' stroke='%23aa61a6' stroke-width='1'/%3E %3Cpolygon points='741.2786,396.4754 888.9444,399.5156 901.7862,519.2665' fill='%23b05ea5' stroke='%23b05ea5' stroke-width='1'/%3E %3Cpolygon points='741.2786,396.4754 901.7862,519.2665 735.6773,530.542' fill='%23a5559c' stroke='%23a5559c' stroke-width='1'/%3E %3Cpolygon points='888.9444,399.5156 1049.9645,388.2005 901.7862,519.2665' fill='%23b35ba2' stroke='%23b35ba2' stroke-width='1'/%3E %3Cpolygon points='1049.9645,388.2005 1056.1733,544.208 901.7862,519.2665' fill='%23c76daf' stroke='%23c76daf' stroke-width='1'/%3E %3Cpolygon points='1049.9645,388.2005 1200,391.5169 1200,523.6775' fill='%23c863a9' stroke='%23c863a9' stroke-width='1'/%3E %3Cpolygon points='1049.9645,388.2005 1200,523.6775 1056.1733,544.208' fill='%23d071b2' stroke='%23d071b2' stroke-width='1'/%3E %3Cpolygon points='0,543.5832 161.269,546.6778 154.1557,668.8905' fill='%23724590' stroke='%23724590' stroke-width='1'/%3E %3Cpolygon points='0,543.5832 154.1557,668.8905 0,680.5661' fill='%2381569d' stroke='%2381569d' stroke-width='1'/%3E %3Cpolygon points='161.269,546.6778 287.7819,527.3367 154.1557,668.8905' fill='%23814e99' stroke='%23814e99' stroke-width='1'/%3E %3Cpolygon points='287.7819,527.3367 285.2262,656.0287 154.1557,668.8905' fill='%238e59a0' stroke='%238e59a0' stroke-width='1'/%3E %3Cpolygon points='287.7819,527.3367 453.5249,542.1804 446.7422,674.7463' fill='%23975aa2' stroke='%23975aa2' stroke-width='1'/%3E %3Cpolygon points='287.7819,527.3367 446.7422,674.7463 285.2262,656.0287' fill='%2394569e' stroke='%2394569e' stroke-width='1'/%3E %3Cpolygon points='453.5249,542.1804 588.5093,536.689 446.7422,674.7463' fill='%23a362a7' stroke='%23a362a7' stroke-width='1'/%3E %3Cpolygon points='588.5093,536.689 606.0105,669.7651 446.7422,674.7463' fill='%23a860a5' stroke='%23a860a5' stroke-width='1'/%3E %3Cpolygon points='588.5093,536.689 735.6773,530.542 761.9734,666.7567' fill='%23b060a7' stroke='%23b060a7' stroke-width='1'/%3E %3Cpolygon points='588.5093,536.689 761.9734,666.7567 606.0105,669.7651' fill='%239c5093' stroke='%239c5093' stroke-width='1'/%3E %3Cpolygon points='735.6773,530.542 901.7862,519.2665 761.9734,666.7567' fill='%23b75da5' stroke='%23b75da5' stroke-width='1'/%3E %3Cpolygon points='901.7862,519.2665 896.4626,672.7868 761.9734,666.7567' fill='%23c364aa' stroke='%23c364aa' stroke-width='1'/%3E %3Cpolygon points='901.7862,519.2665 1056.1733,544.208 1043.2858,675.9463' fill='%23d073b3' stroke='%23d073b3' stroke-width='1'/%3E %3Cpolygon points='901.7862,519.2665 1043.2858,675.9463 896.4626,672.7868' fill='%23c962aa' stroke='%23c962aa' stroke-width='1'/%3E %3Cpolygon points='1056.1733,544.208 1200,523.6775 1043.2858,675.9463' fill='%23da79b8' stroke='%23da79b8' stroke-width='1'/%3E %3Cpolygon points='1200,523.6775 1200,680.4505 1043.2858,675.9463' fill='%23d264a7' stroke='%23d264a7' stroke-width='1'/%3E %3Cpolygon points='0,680.5661 154.1557,668.8905 0,800' fill='%2383529b' stroke='%2383529b' stroke-width='1'/%3E %3Cpolygon points='154.1557,668.8905 139.0042,800 0,800' fill='%23925fa3' stroke='%23925fa3' stroke-width='1'/%3E %3Cpolygon points='154.1557,668.8905 285.2262,656.0287 297.6184,800' fill='%239559a0' stroke='%239559a0' stroke-width='1'/%3E %3Cpolygon points='154.1557,668.8905 297.6184,800 139.0042,800' fill='%23864a91' stroke='%23864a91' stroke-width='1'/%3E %3Cpolygon points='285.2262,656.0287 446.7422,674.7463 297.6184,800' fill='%239d5aa2' stroke='%239d5aa2' stroke-width='1'/%3E %3Cpolygon points='446.7422,674.7463 433.816,800 297.6184,800' fill='%238f4c8f' stroke='%238f4c8f' stroke-width='1'/%3E %3Cpolygon points='446.7422,674.7463 606.0105,669.7651 586.5583,800' fill='%23a15398' stroke='%23a15398' stroke-width='1'/%3E %3Cpolygon points='446.7422,674.7463 586.5583,800 433.816,800' fill='%23a05297' stroke='%23a05297' stroke-width='1'/%3E %3Cpolygon points='606.0105,669.7651 761.9734,666.7567 586.5583,800' fill='%23a75598' stroke='%23a75598' stroke-width='1'/%3E %3Cpolygon points='761.9734,666.7567 757.1217,800 586.5583,800' fill='%23bb5ea5' stroke='%23bb5ea5' stroke-width='1'/%3E %3Cpolygon points='761.9734,666.7567 896.4626,672.7868 894.378,800' fill='%23cc69ad' stroke='%23cc69ad' stroke-width='1'/%3E %3Cpolygon points='761.9734,666.7567 894.378,800 757.1217,800' fill='%23ce73b3' stroke='%23ce73b3' stroke-width='1'/%3E %3Cpolygon points='896.4626,672.7868 1043.2858,675.9463 894.378,800' fill='%23c35ea0' stroke='%23c35ea0' stroke-width='1'/%3E %3Cpolygon points='1043.2858,675.9463 1036.736,800 894.378,800' fill='%23dd6eb1' stroke='%23dd6eb1' stroke-width='1'/%3E %3Cpolygon points='1043.2858,675.9463 1200,680.4505 1200,800' fill='%23de69ab' stroke='%23de69ab' stroke-width='1'/%3E %3Cpolygon points='1043.2858,675.9463 1200,800 1036.736,800' fill='%23e36baf' stroke='%23e36baf' stroke-width='1'/%3E %3C/svg%3E");
background-size: cover;
background-position: center;
}