.svg-container{position:relative;display:flex;align-items:center;justify-content:center}.svg-container.animate path{opacity:0;transform:scale(.5) rotate(-10deg);transform-origin:center}.svg-container.animate .shape-1{animation:revealShape .8s ease-out .1s forwards}.svg-container.animate .shape-2{animation:revealShape .8s ease-out .25s forwards}.svg-container.animate .shape-3{animation:revealShape .8s ease-out .4s forwards}.svg-container.animate .shape-4{animation:revealShape .8s ease-out .55s forwards}@keyframes revealShape{0%{opacity:0;transform:scale(.5) rotate(-10deg)}70%{opacity:1;transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.svg-container:not(.animate) path{opacity:1;transform:none;transition:all .3s ease}