From eac0269e97199d2c6836726cfed7fbdf948bac94 Mon Sep 17 00:00:00 2001 From: BenjaminToby <52448020+BenjaminToby@users.noreply.github.com> Date: Mon, 24 May 2021 23:29:55 +0100 Subject: [PATCH] Add main animation, more content, and interactions --- images/Profile-Pic.jpg | Bin 0 -> 4615 bytes index.html | 41 +++++++++++++--- main.css | 74 ++++++++++++++++++++++++----- scripts/face.json | 1 + scripts/main.js | 103 +++++++++++++++++++++++++++++++++++++++++ 5 files changed, 201 insertions(+), 18 deletions(-) create mode 100644 images/Profile-Pic.jpg create mode 100644 scripts/face.json create mode 100644 scripts/main.js diff --git a/images/Profile-Pic.jpg b/images/Profile-Pic.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d2f2d1f9e05c11cf20a4bc7c883ec175a4b252c7 GIT binary patch literal 4615 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
- Tbendesign + Tbendesign
+ + +

Hi. I'm Benjamin Toby .
And I design great stuff.

- UI UX Design, - Web Design, - Frontend Web Develpment, - Graphic and Motion Design. + UI UX Design, + Web Design, + Frontend Web Develpment, + Graphic and Motion Design.

-

+ + +
+
+ +
+ +
+

Find me on Linkedin

+
+
+ +
+ +
+
+ + + + + + + + + + + diff --git a/main.css b/main.css index 80c6a6b..e12b07b 100644 --- a/main.css +++ b/main.css @@ -79,7 +79,7 @@ h2 { } h3 { - font-size: 30px; + font-size: 24px; margin-top: 0px; margin-bottom: 10px; color: inherit; @@ -89,20 +89,10 @@ h3 { } h4 { - font-size: 24px; - margin-top: 0px; - margin-bottom: 10px; - color: inherit; - width: 100%; - line-height: 1.5; -} - -h5 { font-size: 18px; margin-top: 0px; margin-bottom: 10px; color: inherit; - text-align: center; width: 100%; line-height: 1.5; } @@ -173,6 +163,8 @@ input:focus { width: 100%; max-width: 1200px; display: flex; + align-items: flex-start; + position: relative; } .column-50 { @@ -188,7 +180,10 @@ input:focus { .nav-link-block { font-size: 30px; font-weight: 800; - border: none; +} + +.nav-link-block:hover { + opacity: .5; } .navlink-li { @@ -233,6 +228,61 @@ input:focus { letter-spacing: -3px; } +.linkedin-block { + padding: 10px 20px 10px 10px; + background-color: #0a66c2; + display: flex; + align-items: center; + border-radius: 100px; +} + +.linkedin-block:hover { + padding: 10px 25px 10px 15px; + background-color: #0C529B; +} + +.linkedin-profile-pic-block { + width: 35px; + height: 35px; + border-radius: 100px; + margin-right: 10px; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + border: 3px solid rgba(255,255,255,0.5); +} + +#my-face { + width: 500px; + height: 500px; + position: relative; + margin-top: -40px; +} + +.face-wrapper { + width: 500px; + height: 500px; + position: relative; + animation: facehover 3s infinite; + animation-timing-function: ease; + transform-style: preserve-3d; + transition: all .4s ease-out; + /* transform: rotate3d(20,-20,0,20deg); rotateX(60deg) rotateY(60deg)*/ +} + +@keyframes facehover { + 0% {top:0;} + 50% {top:5px;} + 100% {top:0;} +} + +.centered-content { + display: flex; + align-items: center; + justify-content: center; +} + diff --git a/scripts/face.json b/scripts/face.json new file mode 100644 index 0000000..bbff8b2 --- /dev/null +++ b/scripts/face.json @@ -0,0 +1 @@ +{"v":"5.7.6","fr":30,"ip":0,"op":249,"w":500,"h":500,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-108.75,-62.5],[-144.75,-55.125],[-131,-10.5],[-108.5,-11.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":27,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":73,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":80,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-63.25,-54],[-78,-50.875],[-60,-50],[-43.75,-55]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":87,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":161,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":167,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-63.25,-54],[-78,-50.875],[-60,-50],[-43.75,-55]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":181,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"t":236,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-108.75,-62.5],[-144.75,-55.125],[-131,-10.5],[-108.5,-11.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":27,"s":[0.201568483839,0.201568483839,0.201568483839,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.201568483839,0.201568483839,0.201568483839,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[120.5,-5.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[8.75,-66.5],[-20.75,-62.125],[-10.5,-17.5],[12.5,-17]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":27,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":73,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":80,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-63,-54],[-75.75,-53.875],[-60,-50],[-47.25,-56]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":87,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":161,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":167,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-63,-54],[-75.75,-53.875],[-60,-50],[-47.25,-56]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":181,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[-62.75,-68.5],[-74.75,-66.125],[-60,-50],[-48,-67.5]],"c":true}]},{"t":236,"s":[{"i":[[7.5,-0.75],[0,0],[-21.559,-0.406],[0,0]],"o":[[-7.5,0.75],[0,0],[19.938,0.375],[0,0]],"v":[[8.75,-66.5],[-20.75,-62.125],[-10.5,-17.5],[12.5,-17]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":27,"s":[0.201568483839,0.201568483839,0.201568483839,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.201568483839,0.201568483839,0.201568483839,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":249,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[{"i":[[0,0],[0,0],[-29.25,1.5],[0,0]],"o":[[0,0],[0,0],[29.25,-1.5],[0,0]],"v":[[1.5,-102.25],[-27,-88.25],[10,-4.75],[35.75,-78.25]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":34,"s":[{"i":[[0,0],[0,0],[-29.25,1.5],[0,0]],"o":[[0,0],[0,0],[29.25,-1.5],[0,0]],"v":[[4.5,52.75],[-49,57.75],[3,74.25],[55.75,55.75]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[0,0],[0,0],[-29.25,1.5],[0,0]],"o":[[0,0],[0,0],[29.25,-1.5],[0,0]],"v":[[4.5,52.75],[-49,57.75],[3,74.25],[55.75,55.75]],"c":true}]},{"t":236,"s":[{"i":[[0,0],[0,0],[-29.25,1.5],[0,0]],"o":[[0,0],[0,0],[29.25,-1.5],[0,0]],"v":[[1.5,-102.25],[-27,-88.25],[10,-4.75],[35.75,-78.25]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":5,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":34,"s":[0.367843089384,0.367843089384,0.367843089384,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.367843089384,0.367843089384,0.367843089384,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 8","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[{"i":[[8.25,3.25],[0,0],[-4.812,-16.657],[0,0],[-9.75,0.75],[0,0]],"o":[[-12.869,-5.07],[0,0],[3.25,11.25],[0,0],[9.75,-0.75],[0,0]],"v":[[11.25,-66.75],[-24.75,-59.5],[-24.25,-29.25],[-14.75,-16],[5.75,-17.25],[13.5,-27.5]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":37,"s":[{"i":[[23.75,2],[0,0],[13,-0.5],[0,0],[-9.75,0.75],[0,0]],"o":[[-13.783,-1.161],[0,0],[-13,0.5],[0,0],[9.75,-0.75],[0,0]],"v":[[16.75,31.75],[-1.25,36],[-20.75,33.25],[-48.75,57],[1.75,52.25],[56,53]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[23.75,2],[0,0],[13,-0.5],[0,0],[-9.75,0.75],[0,0]],"o":[[-13.783,-1.161],[0,0],[-13,0.5],[0,0],[9.75,-0.75],[0,0]],"v":[[16.75,31.75],[-1.25,36],[-20.75,33.25],[-48.75,57],[1.75,52.25],[56,53]],"c":true}]},{"t":236,"s":[{"i":[[8.25,3.25],[0,0],[-4.812,-16.657],[0,0],[-9.75,0.75],[0,0]],"o":[[-12.869,-5.07],[0,0],[3.25,11.25],[0,0],[9.75,-0.75],[0,0]],"v":[[11.25,-66.75],[-24.75,-59.5],[-24.25,-29.25],[-14.75,-16],[5.75,-17.25],[13.5,-27.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":8,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":37,"s":[0.201568483839,0.201568483839,0.201568483839,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.201568483839,0.201568483839,0.201568483839,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 7","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[{"i":[[0,0],[5,-5.5],[0,0],[0,0],[0,0],[-3.536,5.657],[-3.071,8.19],[0,0],[0,0],[0,0],[14.5,4]],"o":[[0,0],[-5,5.5],[0,0],[0,0],[0,0],[2.5,-4],[3,-8],[0,0],[0,0],[0,0],[-14.5,-4]],"v":[[-6,-83],[-30.5,-70.5],[-25.5,-16.5],[-15.5,-10],[8.5,-9.5],[17.5,-13],[22,-29],[24.5,-52.5],[23.5,-62.5],[22.5,-72],[11,-83.5]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":35,"s":[{"i":[[0,0],[5,-5.5],[0,0],[0,0],[0,0],[-47,-30],[-39.387,64.551],[0,0],[0,0],[0,0],[14.5,4]],"o":[[0,0],[-5,5.5],[0,0],[0,0],[0,0],[47,30],[18,-29.5],[0,0],[0,0],[0,0],[-14.5,-4]],"v":[[-6.5,13.5],[-45,24],[-72.5,62.5],[-109.5,30.5],[-109,40],[-49,143],[103,89],[122,27.5],[101,48],[83.5,62],[47.5,20.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[0,0],[5,-5.5],[0,0],[0,0],[0,0],[-47,-30],[-39.387,64.551],[0,0],[0,0],[0,0],[14.5,4]],"o":[[0,0],[-5,5.5],[0,0],[0,0],[0,0],[47,30],[18,-29.5],[0,0],[0,0],[0,0],[-14.5,-4]],"v":[[-6.5,13.5],[-45,24],[-72.5,62.5],[-109.5,30.5],[-109,40],[-49,143],[103,89],[122,27.5],[101,48],[83.5,62],[47.5,20.5]],"c":true}]},{"t":236,"s":[{"i":[[0,0],[5,-5.5],[0,0],[0,0],[0,0],[-3.536,5.657],[-3.071,8.19],[0,0],[0,0],[0,0],[14.5,4]],"o":[[0,0],[-5,5.5],[0,0],[0,0],[0,0],[2.5,-4],[3,-8],[0,0],[0,0],[0,0],[-14.5,-4]],"v":[[-6,-83],[-30.5,-70.5],[-25.5,-16.5],[-15.5,-10],[8.5,-9.5],[17.5,-13],[22,-29],[24.5,-52.5],[23.5,-62.5],[22.5,-72],[11,-83.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":35,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0,0,0,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 9","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":3,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[1,14],[5.366,17.438],[0,0],[0,0],[0.5,-8],[0,0],[-9.5,-5.5],[0,0],[-17.5,-10],[0,0],[0,0],[-14.5,7.5],[0,0],[-5.5,5],[9.5,13]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-1.727,-24.174],[-4.748,-15.43],[0,0],[0,0],[-1.835,29.354],[0,0],[19.568,11.329],[0,0],[17.5,10],[0,0],[0,0],[14.5,-7.5],[0,0],[5.5,-5],[-9.5,-13]],"v":[[38.5,-24.5],[57.25,-11.75],[54.75,-20.5],[49.5,-29.75],[46.5,-26.5],[43,-61],[36.748,-103.57],[0.75,-120.75],[-23.75,-110.5],[-40.5,-78],[-40.5,-50],[-26.5,-22.5],[-22.5,-14],[1,14],[23.75,12.5],[31.25,10.75],[36,0],[42.5,-4.5],[8.5,-38.5],[21.5,-30]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":36,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[23.75,25],[2.551,18.066],[0,0],[0,0],[9,-28],[0,0],[-18.5,13],[0,0],[-17.5,-10],[0,0],[0,0],[-14.5,7.5],[0,0],[-5.5,5],[9.5,13]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-16.692,-17.57],[-2.659,-18.826],[0,0],[0,0],[-9,28],[0,0],[18.5,-13],[0,0],[17.5,10],[0,0],[0,0],[14.5,-7.5],[0,0],[5.5,-5],[-9.5,-13]],"v":[[107.5,83.5],[95.25,101.25],[77.75,171.5],[81.5,193.25],[14.5,243.5],[-74,169],[-96.252,109.43],[-96.25,80.25],[-104.75,80.5],[-137.5,154],[-158.5,221],[-120.5,209.5],[-86.5,181],[-49,213],[14.75,249.5],[23.25,247.75],[112,188],[137.5,182.5],[195.5,189.5],[142.5,127]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[23.75,25],[2.551,18.066],[0,0],[0,0],[9,-28],[0,0],[-18.5,13],[0,0],[-17.5,-10],[0,0],[0,0],[-14.5,7.5],[0,0],[-5.5,5],[9.5,13]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-16.692,-17.57],[-2.659,-18.826],[0,0],[0,0],[-9,28],[0,0],[18.5,-13],[0,0],[17.5,10],[0,0],[0,0],[14.5,-7.5],[0,0],[5.5,-5],[-9.5,-13]],"v":[[107.5,83.5],[95.25,101.25],[77.75,171.5],[81.5,193.25],[14.5,243.5],[-74,169],[-96.252,109.43],[-96.25,80.25],[-104.75,80.5],[-137.5,154],[-158.5,221],[-120.5,209.5],[-86.5,181],[-49,213],[14.75,249.5],[23.25,247.75],[112,188],[137.5,182.5],[195.5,189.5],[142.5,127]],"c":true}]},{"t":236,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[1,14],[5.366,17.438],[0,0],[0,0],[0.5,-8],[0,0],[-9.5,-5.5],[0,0],[-17.5,-10],[0,0],[0,0],[-14.5,7.5],[0,0],[-5.5,5],[9.5,13]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-1.727,-24.174],[-4.748,-15.43],[0,0],[0,0],[-1.835,29.354],[0,0],[19.568,11.329],[0,0],[17.5,10],[0,0],[0,0],[14.5,-7.5],[0,0],[5.5,-5],[-9.5,-13]],"v":[[38.5,-24.5],[57.25,-11.75],[54.75,-20.5],[49.5,-29.75],[46.5,-26.5],[43,-61],[36.748,-103.57],[0.75,-120.75],[-23.75,-110.5],[-40.5,-78],[-40.5,-50],[-26.5,-22.5],[-22.5,-14],[1,14],[23.75,12.5],[31.25,10.75],[36,0],[42.5,-4.5],[8.5,-38.5],[21.5,-30]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":3,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":36,"s":[0.160784313725,0.160784313725,0.160784313725,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.160784313725,0.160784313725,0.160784313725,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 11","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[{"i":[[-1,32],[0,0],[-4,-17.5],[-31,17.5]],"o":[[1,-32],[0,0],[16.339,71.481],[31,-17.5]],"v":[[30,-101.5],[-18.5,-114.5],[-39,-38.5],[36,-18.5]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":32,"s":[{"i":[[-1,32],[0,0],[-30,-24.5],[-31,17.5]],"o":[[1,-32],[0,0],[56.792,46.38],[31,-17.5]],"v":[[99,84.5],[-98.5,64.5],[-64,157.5],[49,177.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[-1,32],[0,0],[-30,-24.5],[-31,17.5]],"o":[[1,-32],[0,0],[56.792,46.38],[31,-17.5]],"v":[[99,84.5],[-98.5,64.5],[-64,157.5],[49,177.5]],"c":true}]},{"t":236,"s":[{"i":[[-1,32],[0,0],[-4,-17.5],[-31,17.5]],"o":[[1,-32],[0,0],[16.339,71.481],[31,-17.5]],"v":[[30,-101.5],[-18.5,-114.5],[-39,-38.5],[36,-18.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":5,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":32,"s":[0.129411764706,0.129411764706,0.129411764706,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.129411764706,0.129411764706,0.129411764706,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":20,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 14","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[{"i":[[18.254,15.646],[18,-3],[5,-19.5],[0,0],[-15,-24.5],[0,0],[-10.5,5.5],[0,0],[7.5,22.5]],"o":[[-7,-6],[-26.559,4.427],[-3.355,13.086],[0,0],[13.579,22.178],[0,0],[21.098,-11.051],[0,0],[-7.5,-22.5]],"v":[[31,-118],[-4,-129],[-43,-90.5],[-53,-59.5],[-33,-5.5],[7.5,17],[41.5,0.5],[53,-41],[46,-78.5]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":32,"s":[{"i":[[50,9],[26,-31.5],[-2.739,-73.949],[0,0],[-16,20.5],[0,0],[-15,-18.5],[0,0],[7.5,22.5]],"o":[[-50,-9],[-26,31.5],[0.5,13.5],[0,0],[16,-20.5],[0,0],[15,18.5],[0,0],[-7.5,-22.5]],"v":[[22,-232],[-86,-189],[-125,-77.5],[-120,-53.5],[-95,-152.5],[-5.5,-204],[91.5,-159.5],[127,-51],[129,-132.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[50,9],[26,-31.5],[-2.739,-73.949],[0,0],[-16,20.5],[0,0],[-15,-18.5],[0,0],[7.5,22.5]],"o":[[-50,-9],[-26,31.5],[0.5,13.5],[0,0],[16,-20.5],[0,0],[15,18.5],[0,0],[-7.5,-22.5]],"v":[[22,-232],[-86,-189],[-125,-77.5],[-120,-53.5],[-95,-152.5],[-5.5,-204],[91.5,-159.5],[127,-51],[129,-132.5]],"c":true}]},{"t":236,"s":[{"i":[[18.254,15.646],[18,-3],[5,-19.5],[0,0],[-15,-24.5],[0,0],[-10.5,5.5],[0,0],[7.5,22.5]],"o":[[-7,-6],[-26.559,4.427],[-3.355,13.086],[0,0],[13.579,22.178],[0,0],[21.098,-11.051],[0,0],[-7.5,-22.5]],"v":[[31,-118],[-4,-129],[-43,-90.5],[-53,-59.5],[-33,-5.5],[7.5,17],[41.5,0.5],[53,-41],[46,-78.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":5,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":32,"s":[0.047843185126,0.047843185126,0.047843185126,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.047843185126,0.047843185126,0.047843185126,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 10","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[{"i":[[0,0],[7.5,-27],[0,0],[0,0],[-9.5,2.5],[0,0]],"o":[[0,0],[-11.936,42.971],[0,0],[0,0],[4.859,-1.279],[0,0]],"v":[[4,-118.5],[-36.5,-93],[-34.5,-20],[0,13],[45.5,-9.5],[26,-119.5]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":33,"s":[{"i":[[0,0],[-33,-30],[0,0],[0,0],[0.5,5],[0,0]],"o":[[0,0],[33,30],[0,0],[0,0],[-0.5,-5],[0,0]],"v":[[-97,83.5],[-67.5,179],[14.5,245],[82,194],[77.5,172.5],[97,95.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[0,0],[-33,-30],[0,0],[0,0],[0.5,5],[0,0]],"o":[[0,0],[33,30],[0,0],[0,0],[-0.5,-5],[0,0]],"v":[[-97,83.5],[-67.5,179],[14.5,245],[82,194],[77.5,172.5],[97,95.5]],"c":true}]},{"t":236,"s":[{"i":[[0,0],[7.5,-27],[0,0],[0,0],[-9.5,2.5],[0,0]],"o":[[0,0],[-11.936,42.971],[0,0],[0,0],[4.859,-1.279],[0,0]],"v":[[4,-118.5],[-36.5,-93],[-34.5,-20],[0,13],[45.5,-9.5],[26,-119.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":33,"s":[0.392941224341,0.392941224341,0.392941224341,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.392941224341,0.392941224341,0.392941224341,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 6","np":3,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":7,"s":[{"i":[[27.576,-11.537],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-24.5,10.25],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-19.871,-97.358],[-31.008,-56.456],[-5.019,-21.054],[26.759,-31.258],[24.241,-93.253]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":37,"s":[{"i":[[27.576,-11.537],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-24.5,10.25],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-82.5,-122.5],[-104.25,-88.25],[-76.5,-108],[-42,-111.75],[-43.5,-121]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[27.576,-11.537],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-24.5,10.25],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-82.5,-122.5],[-104.25,-88.25],[-76.5,-108],[-42,-111.75],[-43.5,-121]],"c":true}]},{"t":236,"s":[{"i":[[27.576,-11.537],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-24.5,10.25],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-19.871,-97.358],[-31.008,-56.456],[-5.019,-21.054],[26.759,-31.258],[24.241,-93.253]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":7,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":37,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0,0,0,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[13.5,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[-106.19,100],"ix":3},"r":{"a":0,"k":-16,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 5","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":4,"s":[{"i":[[14,-8],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-14.969,8.554],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-7.5,-62.5],[-12.25,-38.75],[10,-33],[22.5,-45.25],[11,-62.5]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":34,"s":[{"i":[[27.576,-11.537],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-24.5,10.25],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-82.5,-122.5],[-104.25,-88.25],[-76.5,-108],[-42,-111.75],[-43.5,-121]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[27.576,-11.537],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-24.5,10.25],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-82.5,-122.5],[-104.25,-88.25],[-76.5,-108],[-42,-111.75],[-43.5,-121]],"c":true}]},{"t":236,"s":[{"i":[[14,-8],[0,0],[-12.75,5.75],[0,0],[0,0]],"o":[[-14.969,8.554],[0,0],[12.75,-5.75],[0,0],[0,0]],"v":[[-7.5,-62.5],[-12.25,-38.75],[10,-33],[22.5,-45.25],[11,-62.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":4,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":34,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0,0,0,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 4","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[{"i":[[0,0],[0,0],[2.5,-16.5],[-2.5,-15],[0,0],[0,0]],"o":[[0,0],[0,0],[-2.5,16.5],[2.5,15],[0,0],[0,0]],"v":[[15.5,-74.5],[-13.5,-81],[-25.5,-68.5],[-23,-47],[-8,-41],[6.5,-41]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":36,"s":[{"i":[[0,0],[0,0],[2.5,-16.5],[-2.5,-15],[0,0],[0,0]],"o":[[0,0],[0,0],[-2.5,16.5],[2.5,15],[0,0],[0,0]],"v":[[-12.5,-114],[-33.5,-92.5],[-17.5,-65],[-41,-8],[-16,7],[0.5,8.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[0,0],[0,0],[2.5,-16.5],[-2.5,-15],[0,0],[0,0]],"o":[[0,0],[0,0],[-2.5,16.5],[2.5,15],[0,0],[0,0]],"v":[[-12.5,-114],[-33.5,-92.5],[-17.5,-65],[-41,-8],[-16,7],[0.5,8.5]],"c":true}]},{"t":236,"s":[{"i":[[0,0],[0,0],[2.5,-16.5],[-2.5,-15],[0,0],[0,0]],"o":[[0,0],[0,0],[-2.5,16.5],[2.5,15],[0,0],[0,0]],"v":[[15.5,-74.5],[-13.5,-81],[-25.5,-68.5],[-23,-47],[-8,-41],[6.5,-41]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":6,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":36,"s":[0.440000047871,0.440000047871,0.440000047871,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.440000047871,0.440000047871,0.440000047871,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 3","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[4.875,-69.375],[-8,-47.75],[-0.5,-24.875],[13.625,-50.875]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":27,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-65.125,-67.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":73,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-65.125,-67.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":80,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-61.625,-53.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":87,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-65.125,-67.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":161,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-65.125,-67.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":167,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-61.625,-53.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":181,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-65.125,-67.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[-65.125,-67.875],[-89.5,-57.25],[-58.5,-51.375],[-30.875,-58.875]],"c":true}]},{"t":236,"s":[{"i":[[21.108,-2.111],[0,0],[-12.25,0.5],[0,0]],"o":[[-15,1.5],[0,0],[12.25,-0.5],[0,0]],"v":[[4.875,-69.375],[-8,-47.75],[-0.5,-24.875],[13.625,-50.875]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":27,"s":[1,1,1,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[1,1,1,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 2","np":3,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":2,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[-8.75,-70.375],[-11.125,-33.875],[3.125,-31],[7.875,-55.25]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":29,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[59.25,-74.375],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":73,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[59.25,-74.375],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":80,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[63,-57.875],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0},"t":87,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[59.25,-74.375],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":161,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[59.25,-74.375],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.167,"y":0.167},"t":167,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[63,-57.875],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":181,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[59.25,-74.375],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[59.25,-74.375],[28.375,-59.375],[65.625,-56.5],[90.375,-67.25]],"c":true}]},{"t":236,"s":[{"i":[[19,-1.125],[0,0],[-13.875,2.125],[0,0]],"o":[[-19,1.125],[0,0],[13.285,-2.035],[0,0]],"v":[[-8.75,-70.375],[-11.125,-33.875],[3.125,-31],[7.875,-55.25]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":2,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":29,"s":[1,1,1,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[1,1,1,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[{"i":[[0,0],[0,0],[-1.5,-6],[0,0],[-5,-16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.5,3.5],[0,0],[0,0]],"o":[[0,0],[0,0],[6.38,25.52],[0,0],[5,16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.728,-5.096],[0,0],[0,0]],"v":[[10,-75],[-8,-82],[-27.5,-63.5],[-27,-47.5],[-15.5,-24.5],[-10.5,-25.5],[-6.5,-22.5],[0,-19],[5,-22],[13.5,-16.5],[15.5,-20],[19,-28],[22,-39],[23,-57]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":32,"s":[{"i":[[0,0],[0,0],[-4,-26],[0,0],[-5,-16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-17,83],[0,0],[0,0]],"o":[[0,0],[0,0],[4,26],[0,0],[5,16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[17,-83],[0,0],[0,0]],"v":[[-4,-215],[-45,-199],[-2,-122],[10,-32],[43,-18],[19,11],[32,34],[29,55],[36,72],[12,80],[10,159],[118,63],[127,-80],[95,-163]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[0,0],[0,0],[-4,-26],[0,0],[-5,-16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-17,83],[0,0],[0,0]],"o":[[0,0],[0,0],[4,26],[0,0],[5,16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[17,-83],[0,0],[0,0]],"v":[[-4,-215],[-45,-199],[-2,-122],[10,-32],[43,-18],[19,11],[32,34],[29,55],[36,72],[12,80],[10,159],[118,63],[127,-80],[95,-163]],"c":true}]},{"t":236,"s":[{"i":[[0,0],[0,0],[-1.5,-6],[0,0],[-5,-16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.5,3.5],[0,0],[0,0]],"o":[[0,0],[0,0],[6.38,25.52],[0,0],[5,16],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.728,-5.096],[0,0],[0,0]],"v":[[10,-75],[-8,-82],[-27.5,-63.5],[-27,-47.5],[-15.5,-24.5],[-10.5,-25.5],[-6.5,-22.5],[0,-19],[5,-22],[13.5,-16.5],[15.5,-20],[19,-28],[22,-39],[23,-57]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":5,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":32,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0,0,0,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":20,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 13","np":3,"cix":2,"bm":0,"ix":14,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":249,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[64,-3],[31.5,-42.5],[0,0],[0,0],[0.25,-10.75],[0,-9.75],[-4.974,-2.321],[0,0],[0,0],[-10.75,-10.75],[-57.5,1.25],[-23.859,-1.026],[0,0],[-5.171,1.441],[0.25,12.75],[10.898,4.265],[0,0],[0,0],[37,4.25]],"o":[[-54.96,2.576],[-31.5,42.5],[0,0],[0,0],[-0.25,10.75],[0,9.75],[2.812,1.312],[0,0],[0,0],[10.75,10.75],[57.5,-1.25],[23.25,1],[0,0],[7.625,-2.125],[-0.25,-12.75],[-5.75,-2.25],[0,0],[0,0],[-24.095,-2.768]],"v":[[-4,-263.5],[-267.5,-256.5],[-266.5,-62],[-265,-23.75],[-263.75,22.25],[-267,96.5],[-265.25,143.75],[-263.625,197.594],[-259.75,254],[-161.25,261],[-8.25,266],[169.75,266],[268.5,269.25],[259,98.5],[263.25,-31.75],[267.25,-125.625],[261.375,-190.875],[254.625,-264.625],[170,-270.25]],"c":true}]},{"i":{"x":0.833,"y":1},"o":{"x":0.167,"y":0},"t":27,"s":[{"i":[[64,-3],[31.5,-42.5],[0,0],[0,0],[0.25,-10.75],[0,-9.75],[-4.974,-2.321],[0,0],[0,0],[-10.75,-10.75],[-57.5,1.25],[-12.57,20.305],[0,0],[-5.171,1.441],[0.25,12.75],[10.898,4.264],[0,0],[0,0],[3.5,24]],"o":[[-54.96,2.576],[-31.5,42.5],[0,0],[0,0],[-0.25,10.75],[0,9.75],[2.812,1.312],[0,0],[0,0],[10.75,10.75],[57.5,-1.25],[6.5,-10.5],[0,0],[7.625,-2.125],[-0.25,-12.75],[-5.75,-2.25],[0,0],[0,0],[-3.5,-24]],"v":[[0,-235.5],[-107.5,-161.5],[-120.5,-59],[-120,-37.75],[-124.75,-27.75],[-120,5.5],[-115.25,36.75],[-110.625,37.594],[-100.75,76],[-75.25,116],[9.75,157],[112.75,69],[121.5,27.25],[131,26.5],[143.25,-13.75],[140.25,-52.625],[127.375,-51.875],[128.625,-68.625],[129,-129.25]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.211,"y":0},"t":212,"s":[{"i":[[64,-3],[31.5,-42.5],[0,0],[0,0],[0.25,-10.75],[0,-9.75],[-4.974,-2.321],[0,0],[0,0],[-10.75,-10.75],[-57.5,1.25],[-12.57,20.305],[0,0],[-5.171,1.441],[0.25,12.75],[10.898,4.264],[0,0],[0,0],[3.5,24]],"o":[[-54.96,2.576],[-31.5,42.5],[0,0],[0,0],[-0.25,10.75],[0,9.75],[2.812,1.312],[0,0],[0,0],[10.75,10.75],[57.5,-1.25],[6.5,-10.5],[0,0],[7.625,-2.125],[-0.25,-12.75],[-5.75,-2.25],[0,0],[0,0],[-3.5,-24]],"v":[[0,-235.5],[-107.5,-161.5],[-120.5,-59],[-120,-37.75],[-124.75,-27.75],[-120,5.5],[-115.25,36.75],[-110.625,37.594],[-100.75,76],[-75.25,116],[9.75,157],[112.75,69],[121.5,27.25],[131,26.5],[143.25,-13.75],[140.25,-52.625],[127.375,-51.875],[128.625,-68.625],[129,-129.25]],"c":true}]},{"t":236,"s":[{"i":[[64,-3],[31.5,-42.5],[0,0],[0,0],[0.25,-10.75],[0,-9.75],[-4.974,-2.321],[0,0],[0,0],[-10.75,-10.75],[-57.5,1.25],[-23.859,-1.026],[0,0],[-5.171,1.441],[0.25,12.75],[10.898,4.265],[0,0],[0,0],[37,4.25]],"o":[[-54.96,2.576],[-31.5,42.5],[0,0],[0,0],[-0.25,10.75],[0,9.75],[2.812,1.312],[0,0],[0,0],[10.75,10.75],[57.5,-1.25],[23.25,1],[0,0],[7.625,-2.125],[-0.25,-12.75],[-5.75,-2.25],[0,0],[0,0],[-24.095,-2.768]],"v":[[-4,-263.5],[-267.5,-256.5],[-266.5,-62],[-265,-23.75],[-263.75,22.25],[-267,96.5],[-265.25,143.75],[-263.625,197.594],[-259.75,254],[-161.25,261],[-8.25,266],[169.75,266],[268.5,269.25],[259,98.5],[263.25,-31.75],[267.25,-125.625],[261.375,-190.875],[254.625,-264.625],[170,-270.25]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.291673937031,0.189019565956,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0,0,0,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":27,"s":[0.515293974035,0.515293974035,0.515293974035,1]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.211],"y":[0]},"t":212,"s":[0.515293974035,0.515293974035,0.515293974035,1]},{"t":236,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":249,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..12494a2 --- /dev/null +++ b/scripts/main.js @@ -0,0 +1,103 @@ +var uiUXLink = document.getElementById("ui-ux-design"); +var webDesignLink = document.getElementById("web-design"); +var frontentDevLink = document.getElementById("frontend-dev"); +var graphicDesignLink = document.getElementById("graphic-design"); +var faceWrapper = document.getElementById("my-face-wrapper"); + +lottie.setQuality("low"); + +var myFaceContainer = document.getElementById("my-face"); + +var myFace = lottie.loadAnimation({ + container: myFaceContainer, + path: "scripts/face.json", + renderer: "svg", + loop: false, + autoplay: false, +}); + +myFace.setSpeed(1); + +function steadyState() { + myFace.playSegments([44, 205], true); + myFace.loop = true; +} + +var startSteadyState; + + + +window.addEventListener("load", () => { + myFace.playSegments([0, 50], true); + startSteadyState = setTimeout(() => {steadyState();}, 1000); +}); + + + + + + + + +//--------------------------------------------------------------------------- UI UX +uiUXLink.addEventListener("mouseover", () => { + clearTimeout(startSteadyState); + myFace.loop = false; + myFace.playSegments([210, 249], true); + faceWrapper.style.transform = "rotate3d(20,-20,0,20deg) translateZ(-50px)"; +}); + +uiUXLink.addEventListener("mouseout", () => { + startSteadyState = setTimeout(() => {steadyState();}, 500); + faceWrapper.style.transform = "none"; +}); + +//--------------------------------------------------------------------------- Web Design +webDesignLink.addEventListener("mouseover", () => { + clearTimeout(startSteadyState); + myFace.loop = false; + myFace.playSegments([210, 249], true); + faceWrapper.style.transform = "rotate3d(20,-20,0,20deg) translateZ(-50px)"; +}); + +webDesignLink.addEventListener("mouseout", () => { + startSteadyState = setTimeout(() => {steadyState();}, 500); + faceWrapper.style.transform = "none"; +}); + +//--------------------------------------------------------------------------- Frontend Dev +frontentDevLink.addEventListener("mouseover", () => { + clearTimeout(startSteadyState); + myFace.loop = false; + myFace.playSegments([210, 249], true); + faceWrapper.style.transform = "rotate3d(20,-20,0,20deg) translateZ(-50px)"; +}); + +frontentDevLink.addEventListener("mouseout", () => { + startSteadyState = setTimeout(() => {steadyState();}, 500); + faceWrapper.style.transform = "none"; +}); + +//--------------------------------------------------------------------------- Graphic and Animation Design +graphicDesignLink.addEventListener("mouseover", () => { + clearTimeout(startSteadyState); + myFace.loop = false; + myFace.playSegments([210, 249], true); + faceWrapper.style.transform = "rotate3d(20,-20,0,20deg) translateZ(-50px)"; +}); + +graphicDesignLink.addEventListener("mouseout", () => { + startSteadyState = setTimeout(() => {steadyState();}, 500); + faceWrapper.style.transform = "none"; +}); + + + + + + + + + + +