Initializing...
Liveweave
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
build
Tools
expand_more
restart_alt
Load base template
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <title>HTML, CSS and JavaScript demo</title> </head> <body> <!--?xml version="1.0" encoding="utf-8"?--> <svg version="1.1" id="f795efda-d52b-464f-8ed0-c83c27181fc6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 754 750.36" enable-background="new 0 0 754 750.36" xml:space="preserve"> <path fill="#ED2F4B" d="M754,377c0.173,186.883-136.714,345.631-321.591,372.949H330.3c-0.16,0.141-5.82,0.41-5.82,0.41 c-0.95-0.129-1.91-0.27-2.86-0.41c-7.27-1.07-14.473-2.346-21.609-3.83c-27.945-5.785-55.134-14.76-81.03-26.75 c-0.27-0.119-0.529-0.25-0.8-0.369c-14.432-6.697-28.417-14.316-41.87-22.811c-0.34-0.209-0.67-0.42-1-0.631 c-0.569-0.359-1.13-0.709-1.689-1.078c-0.181-0.111-0.36-0.221-0.54-0.342c-12.027-7.746-23.604-16.174-34.67-25.238 c-0.54-0.432-1.08-0.881-1.62-1.32c-2.17-1.801-4.32-3.621-6.45-5.461c-0.021-0.01-0.03-0.029-0.05-0.039 c-10.885-9.434-21.225-19.477-30.971-30.08c-0.029-0.041-0.069-0.07-0.1-0.111c-42.813-46.568-73.192-103.18-88.33-164.6 c-0.12-0.439-0.22-0.869-0.33-1.309C3.526,436.844-0.019,406.973,0,377C0,168.79,168.79,0,377,0S754,168.79,754,377z" class="svg-elem-1"></path> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="630.5305" y1="173.3677" x2="717.3401" y2="173.3677" gradientTransform="matrix(1 0 0 -1 -220.6001 555.5498)"> <stop offset="0" style="stop-color:#FFFFFF"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <path opacity="0.8" fill="url(#SVGID_1_)" enable-background="new " d="M411.853,432.616l32.971-38.598l32.971-38.599 l18.612-21.79c1.03-1.206-0.56-3.086-1.589-1.881l-32.971,38.599l-32.971,38.599l-18.612,21.789 C409.235,431.94,410.823,433.821,411.853,432.616L411.853,432.616z" class="svg-elem-2"></path> <rect x="386.81" y="336.41" fill="#2F2E41" width="34.1" height="413.54" class="svg-elem-3"></rect> <polygon fill="#3F3D56" points="409.949,488.231 409.88,500.61 409.05,650.87 408.949,668.78 408.73,709.139 408.51,749.95 406.31,749.95 406.53,709.139 406.74,671.44 406.85,650.5 407.68,500.639 407.75,488.219 " class="svg-elem-4"></polygon> <path fill="#2F2E41" d="M427.031,341.91h-46.204c-0.67-7.238,0.998-14.528,5.294-21.875l1.307-8.927h31.903l1.504,8.814 C425.305,325.877,427.036,333.397,427.031,341.91z" class="svg-elem-5"></path> <path fill="#2F2E41" d="M420.318,312.207h-32.922c-1.215,0-2.2-0.985-2.2-2.2c0-0.173,0.021-0.345,0.061-0.513l5.545-23.102 c0.237-0.989,1.122-1.687,2.14-1.687h21.833c1.018,0,1.902,0.697,2.14,1.687l5.544,23.102c0.284,1.182-0.444,2.369-1.626,2.653 C420.663,312.187,420.49,312.207,420.318,312.207z" class="svg-elem-6"></path> <path fill="#2F2E41" d="M403.86,273.15c-6.38,0.007-11.548,5.18-11.55,11.56v11.55h23.1v-11.55 C415.407,278.33,410.24,273.157,403.86,273.15z" class="svg-elem-7"></path> <polygon fill="#2F2E41" points="391.051,622.11 312.765,723.713 323.592,726.213 384.388,647.926 391.051,647.926 " class="svg-elem-8"></polygon> <polygon fill="#2F2E41" points="419.83,622.11 498.116,723.713 487.289,726.213 426.493,647.926 419.83,647.926 " class="svg-elem-9"></polygon> <path fill="#2F2E41" d="M649.38,245.25v392.401c-24.327,25.416-52.077,47.32-82.45,65.08V245.25H649.38z" class="svg-elem-10"></path> <rect x="634.386" y="295.224" fill="#2F2E41" width="54.134" height="54.134" class="svg-elem-11"></rect> <rect x="601.906" y="114.5" fill="#2F2E41" width="12.492" height="141.581" class="svg-elem-12"></rect> <g opacity="0.4"> <path fill="#E6E6E6" d="M573.93,245.25h-7v457.481c2.352-1.375,4.685-2.777,7-4.207V245.25z" class="svg-elem-13"></path> <rect x="601.906" y="114.5" fill="#E6E6E6" width="7" height="130.75" class="svg-elem-14"></rect> </g> <rect x="583.167" y="309.798" fill="#3F3D56" width="44.973" height="24.985" class="svg-elem-15"></rect> <circle fill="#2F2E41" cx="146.933" cy="244.847" r="66.192" class="svg-elem-16"></circle> <circle fill="#CBCBCB" cx="140.422" cy="199.271" r="7.596" class="svg-elem-17"></circle> <circle fill="#CBCBCB" cx="153.444" cy="275.23" r="7.596" class="svg-elem-18"></circle> <circle fill="#CBCBCB" cx="182.742" cy="232.91" r="5.426" class="svg-elem-19"></circle> <circle fill="#CBCBCB" cx="120.89" cy="250.272" r="17.362" class="svg-elem-20"></circle> <circle fill="#3F3D56" cx="252.015" cy="349.213" r="3.576" class="svg-elem-21"></circle> <polygon fill="#E6E6E6" points="283.012,401.092 281.227,402.866 279.454,401.081 278.264,402.263 280.037,404.047 278.252,405.821 279.434,407.01 281.219,405.238 282.992,407.023 284.182,405.84 282.409,404.056 284.194,402.284 " class="svg-elem-22"></polygon> <polygon fill="#E6E6E6" points="297.318,297.375 295.533,299.148 293.76,297.363 292.57,298.545 294.343,300.33 292.558,302.103 293.74,303.293 295.525,301.52 297.298,303.305 298.488,302.123 296.715,300.338 298.5,298.565 " class="svg-elem-23"></polygon> <path fill="#E6E6E6" d="M342.279,100.556c-3.862,2.573-7.814-3.551-3.878-6.01C342.262,91.973,346.215,98.097,342.279,100.556z" class="svg-elem-24"></path> <polygon fill="#E6E6E6" points="118.557,366.728 116.1,366.189 116.638,363.731 115,363.372 114.461,365.83 112.004,365.292 111.645,366.93 114.102,367.469 113.564,369.926 115.202,370.285 115.741,367.827 118.198,368.366 " class="svg-elem-25"></polygon> <polygon fill="#E6E6E6" points="494.557,71.728 492.1,71.189 492.638,68.731 491,68.372 490.461,70.83 488.004,70.292 487.645,71.93 490.102,72.469 489.564,74.926 491.201,75.285 491.74,72.827 494.198,73.366 " class="svg-elem-26"></polygon> <polygon fill="#E6E6E6" points="686.557,230.728 684.1,230.189 684.638,227.731 683,227.372 682.461,229.83 680.004,229.292 679.645,230.93 682.102,231.469 681.564,233.926 683.201,234.285 683.74,231.827 686.198,232.366 " class="svg-elem-27"></polygon> <polygon fill="#E6E6E6" points="222.46,110.506 220.003,109.967 220.541,107.51 218.903,107.151 218.364,109.608 215.906,109.07 215.547,110.708 218.005,111.247 217.467,113.705 219.105,114.063 219.644,111.606 222.101,112.144 " class="svg-elem-28"></polygon> <circle fill="#3F3D56" cx="455.339" cy="188.551" r="3.576" class="svg-elem-29"></circle> <polygon fill="#E6E6E6" points="428.557,242.728 426.1,242.189 426.638,239.731 425,239.372 424.461,241.83 422.004,241.292 421.645,242.93 424.102,243.469 423.564,245.926 425.201,246.285 425.74,243.827 428.198,244.366 " class="svg-elem-30"></polygon> <polygon fill="#E6E6E6" points="523.46,198.506 521.003,197.967 521.541,195.51 519.903,195.151 519.364,197.608 516.906,197.07 516.547,198.708 519.005,199.247 518.467,201.705 520.105,202.063 520.644,199.606 523.101,200.144 " class="svg-elem-31"></polygon> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="576.5305" y1="387.3677" x2="663.3401" y2="387.3677" gradientTransform="matrix(1 0 0 -1 -220.6001 555.5498)"> <stop offset="0" style="stop-color:#FFFFFF"></stop> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.3"></stop> </linearGradient> <path opacity="0.8" fill="url(#SVGID_2_)" enable-background="new " d="M357.853,218.616l32.971-38.599l32.971-38.599 l18.612-21.79c1.03-1.206-0.56-3.086-1.589-1.881l-32.971,38.599l-32.971,38.599l-18.612,21.79 C355.235,217.941,356.823,219.822,357.853,218.616L357.853,218.616z" class="svg-elem-32"></path> <rect x="385.493" y="646.969" fill="#E6E6E6" width="6" height="102.023" class="svg-elem-33"></rect> <path fill="#E6E6E6" d="M405.539,272.6c-5.038,1.363-8.54,5.93-8.55,11.15v0.1c-0.746,0.224-1.32,0.824-1.51,1.58l-5.54,23.11 c-0.28,1.173,0.443,2.353,1.617,2.633c0.129,0.031,0.261,0.05,0.393,0.057l-0.04,0.27l-0.149,1l-2.26,7 c-4.29,7.34-4.66,14.21-3.99,21.45h5.979v280.509l-78.04,101.301l5.74,1.32l-0.91,1.18l-10.83-2.5l78.04-101.301V340.95l-4.989-0.45 c-0.671-7.24,0.71-13.66,5-21l0.26-7l0.149-1l0.04-0.27c-1.205-0.063-2.13-1.092-2.066-2.297c0.007-0.132,0.025-0.264,0.057-0.393 l5.54-23.11c0.189-0.756,0.764-1.356,1.51-1.58v-0.1c0.002-6.38,5.171-11.553,11.55-11.56 C403.553,272.193,404.563,272.331,405.539,272.6z" class="svg-elem-34"></path> <polygon fill="#E6E6E6" points="431.177,646.969 425.594,646.969 425.594,647.506 485.974,725.254 491.062,724.081 " class="svg-elem-35"></polygon> <path fill="#2F2E41" d="M514.88,709.139v18.852c-26.563,10.438-54.233,17.807-82.471,21.959h-123c-3.149-0.57-6.29-1.18-9.399-1.83 v-38.98H514.88z" class="svg-elem-36"></path> <path fill="#3A0404" d="M409.05,650.87c-0.7-0.119-1.44-0.24-2.2-0.369c-4.47-0.721-9.86-1.541-16.04-2.391 c-0.42-0.061-0.85-0.119-1.29-0.18c-5.1-0.689-10.71-1.391-16.76-2.08c-33.17-3.73-79.5-6.721-126.78-2.609 c1.17-4.701,2.25-9.4,3.271-14.08l-45.28,7.01l48.86-24.85c4.603-25.529,7.768-51.297,9.479-77.182l-24.46,3.781l25.01-12.721 c1.79-32.029,0.95-53.35,0.95-53.35S182,514.379,116.58,579.379c-2.4-8.459-5.03-16.809-7.83-25.01l-35.141,29.4l28.971-46.52 c-9.25-24.236-19.859-47.932-31.78-70.971l-18.98,15.881l14.841-23.82C51.64,429.991,39.9,412.17,39.9,412.17 s-13.39,21.939-29.34,55.811C25.603,529.946,56.145,587.075,99.32,634c9.761,10.619,20.117,20.676,31.021,30.119 c2.13,1.84,4.28,3.66,6.45,5.461c11.558,9.566,23.676,18.436,36.29,26.559c0.739,0.48,1.479,0.951,2.229,1.42 c38.18,24.232,80.426,41.361,124.7,50.561c3.109,0.65,6.25,1.26,9.399,1.83c0.771,0.141,1.54,0.281,2.311,0.41h12.76 c0,0,5.66-0.27,5.82-0.41c15.85-13.869,30.22-27.891,42.609-40.811c2.82-2.93,5.53-5.809,8.141-8.609l-21.38-12.469l27.439,5.879 c1.26-1.391,2.5-2.76,3.7-4.1c6.16-6.881,11.5-13.109,15.93-18.4c0.761-0.92,1.5-1.801,2.21-2.66 c8.07-9.74,12.511-15.68,12.511-15.68S417,652.19,409.05,650.87z" class="svg-elem-37"></path> <path fill="#3F3D56" d="M385.49,340.95h-5.979c-0.67-7.24,1-14.53,5.29-21.87l0.96-6.58l0.149-1h6l-0.149,1l-0.96,6.58 c-4.29,7.34-5.96,14.63-5.29,21.87h5.979" class="svg-elem-38"></path> <rect x="385.49" y="427.5" fill="#3F3D56" width="6" height="73" class="svg-elem-39"></rect> <circle fill="#3F3D56" cx="606.5" cy="114.5" r="11" class="svg-elem-40"></circle> </svg> </body> </html>
/*************************************************** * Generated by SVG Artista * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ @-webkit-keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(237, 47, 75); } } @keyframes animate-svg-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(237, 47, 75); } } .svg-elem-1 { -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; } @-webkit-keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: url("#SVGID_1_"); } } @keyframes animate-svg-fill-2 { 0% { fill: transparent; } 100% { fill: url("#SVGID_1_"); } } .svg-elem-2 { -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; } @-webkit-keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-3 { -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; } @-webkit-keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-4 { -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; } @-webkit-keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-5 { -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; } @-webkit-keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-6 { -webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; } @-webkit-keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-7 { -webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; } @-webkit-keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-8 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-8 { -webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both; animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both; } @-webkit-keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-9 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-9 { -webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both; animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both; } @-webkit-keyframes animate-svg-fill-10 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-10 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-10 { -webkit-animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both; animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both; } @-webkit-keyframes animate-svg-fill-11 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-11 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-11 { -webkit-animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both; animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both; } @-webkit-keyframes animate-svg-fill-12 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-12 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-12 { -webkit-animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both; animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both; } @-webkit-keyframes animate-svg-fill-13 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-13 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-13 { -webkit-animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both; animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both; } @-webkit-keyframes animate-svg-fill-14 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-14 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-14 { -webkit-animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both; animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both; } @-webkit-keyframes animate-svg-fill-15 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-15 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-15 { -webkit-animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both; animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both; } @-webkit-keyframes animate-svg-fill-16 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-16 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-16 { -webkit-animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both; animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both; } @-webkit-keyframes animate-svg-fill-17 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } @keyframes animate-svg-fill-17 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } .svg-elem-17 { -webkit-animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both; animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both; } @-webkit-keyframes animate-svg-fill-18 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } @keyframes animate-svg-fill-18 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } .svg-elem-18 { -webkit-animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both; animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both; } @-webkit-keyframes animate-svg-fill-19 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } @keyframes animate-svg-fill-19 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } .svg-elem-19 { -webkit-animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both; animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both; } @-webkit-keyframes animate-svg-fill-20 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } @keyframes animate-svg-fill-20 { 0% { fill: transparent; } 100% { fill: rgb(203, 203, 203); } } .svg-elem-20 { -webkit-animation: animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both; animation: animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both; } @-webkit-keyframes animate-svg-fill-21 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-21 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-21 { -webkit-animation: animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both; animation: animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both; } @-webkit-keyframes animate-svg-fill-22 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-22 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-22 { -webkit-animation: animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both; animation: animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both; } @-webkit-keyframes animate-svg-fill-23 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-23 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-23 { -webkit-animation: animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both; animation: animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both; } @-webkit-keyframes animate-svg-fill-24 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-24 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-24 { -webkit-animation: animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both; animation: animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both; } @-webkit-keyframes animate-svg-fill-25 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-25 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-25 { -webkit-animation: animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both; animation: animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both; } @-webkit-keyframes animate-svg-fill-26 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-26 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-26 { -webkit-animation: animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both; animation: animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both; } @-webkit-keyframes animate-svg-fill-27 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-27 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-27 { -webkit-animation: animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both; animation: animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both; } @-webkit-keyframes animate-svg-fill-28 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-28 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-28 { -webkit-animation: animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both; animation: animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both; } @-webkit-keyframes animate-svg-fill-29 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-29 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-29 { -webkit-animation: animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both; animation: animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both; } @-webkit-keyframes animate-svg-fill-30 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-30 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-30 { -webkit-animation: animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both; animation: animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both; } @-webkit-keyframes animate-svg-fill-31 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-31 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-31 { -webkit-animation: animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both; animation: animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both; } @-webkit-keyframes animate-svg-fill-32 { 0% { fill: transparent; } 100% { fill: url("#SVGID_2_"); } } @keyframes animate-svg-fill-32 { 0% { fill: transparent; } 100% { fill: url("#SVGID_2_"); } } .svg-elem-32 { -webkit-animation: animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both; animation: animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both; } @-webkit-keyframes animate-svg-fill-33 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-33 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-33 { -webkit-animation: animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both; animation: animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both; } @-webkit-keyframes animate-svg-fill-34 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-34 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-34 { -webkit-animation: animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both; animation: animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both; } @-webkit-keyframes animate-svg-fill-35 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } @keyframes animate-svg-fill-35 { 0% { fill: transparent; } 100% { fill: rgb(230, 230, 230); } } .svg-elem-35 { -webkit-animation: animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both; animation: animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both; } @-webkit-keyframes animate-svg-fill-36 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } @keyframes animate-svg-fill-36 { 0% { fill: transparent; } 100% { fill: rgb(47, 46, 65); } } .svg-elem-36 { -webkit-animation: animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both; animation: animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both; } @-webkit-keyframes animate-svg-fill-37 { 0% { fill: transparent; } 100% { fill: rgb(58, 4, 4); } } @keyframes animate-svg-fill-37 { 0% { fill: transparent; } 100% { fill: rgb(58, 4, 4); } } .svg-elem-37 { -webkit-animation: animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both; animation: animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both; } @-webkit-keyframes animate-svg-fill-38 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-38 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-38 { -webkit-animation: animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both; animation: animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both; } @-webkit-keyframes animate-svg-fill-39 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-39 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-39 { -webkit-animation: animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both; animation: animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both; } @-webkit-keyframes animate-svg-fill-40 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } @keyframes animate-svg-fill-40 { 0% { fill: transparent; } 100% { fill: rgb(63, 61, 86); } } .svg-elem-40 { -webkit-animation: animate-svg-fill-40 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both; animation: animate-svg-fill-40 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both; }
// Write JavaScript here