HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import
usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<div class="container">
<div id="slide" class="col-md-8 col-lg-8 col-sm-8 col-xs-8">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="454px" height="400px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 375 1202"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
.str0 {
stroke: #EF4451;
stroke-width: 0.78985;
}
.str1 {
stroke: #8A483A;
stroke-width: 0.78985;
}
.fil24 {
fill: none;
}
.fil18 {
fill: #FEFEFE;
}
.fil23 {
fill: #FEFEFE;
}
.fil22 {
fill: #F26A58;
}
.fil7 {
fill: #EE3E8B;
}
.fil4 {
fill: #FCFCFD;
}
.fil13 {
fill: #F0C6A5;
}
.fil17 {
fill: #E4B186;
}
.fil0 {
fill: #DEDCDB;
}
.fil5 {
fill: #DDDEDE;
}
.fil3 {
fill: #CF4765;
}
.fil6 {
fill: #C9476F;
}
.fil2 {
fill: #C74277;
}
.fil19 {
fill: #C09A78;
}
.fil8 {
fill: #B5BABC;
}
.fil21 {
fill: #B8906E;
}
.fil1 {
fill: #A54266;
}
.fil16 {
fill: #A37C57;
}
.fil15 {
fill: #683A32;
}
.fil20 {
fill: #5B3132;
}
.fil14 {
fill: #4D312F;
}
.fil10 {
fill: #57565A;
}
.fil11 {
fill: #424044;
}
.fil9 {
fill: #2C2A2C;
}
.fil12 {
fill: #00AA62;
}
.fil25 {
fill: #F0C6A5;
}
.fil26d {
fill: rgba(242, 106, 88, 0);
}
</style>
</defs>
<g id="Layer_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer" />
<g id="_1575498343296">
<g>
<path class="fil0" d="M188 1123c-2,0 -4,7 -1,15 12,15 37,9 59,16 1,0 1,0 2,0 10,5 20,10 30,14 20,9 50,1 62,-8 3,-4 3,-11 1,-14 -1,-4 -4,-6 -6,-9 -6,-3 -12,-5 -18,-8 -43,-1 -85,-5 -129,-6z" />
<path class="fil1 str0" d="M191 1068c1,2 2,4 3,6 0,0 0,1 0,1 -1,10 -5,22 -6,31 -1,8 -1,14 0,22 1,2 4,6 10,7 10,3 20,3 30,4 27,5 49,20 82,15 -6,-13 2,-19 7,-25 -19,-5 -37,-13 -52,-26 -13,-10 -22,-25 -34,-35 -3,-3 -6,-5 -9,-7 -9,-1 -18,-2 -28,-3 -3,1 -5,4 -3,10z" />
<path class="fil2" d="M309 1153c-2,-7 -7,-14 -12,-18 -25,-15 -52,-20 -63,-59 -12,-7 -34,0 -42,-8 1,2 1,4 2,7 -3,18 -7,31 -6,50 0,1 0,3 0,4 1,1 2,2 3,2 1,2 3,3 5,4 3,1 6,1 8,2 8,1 15,1 22,2 7,2 13,3 19,4 7,2 13,4 19,6 6,2 12,3 18,5 5,0 11,0 17,1 3,-1 6,-1 10,-2z" />
<path class="fil3" d="M213 1072c3,-2 5,-6 7,-7 4,-3 11,7 14,8 1,1 3,3 4,4 1,2 -1,2 -2,1 -4,-3 -6,-4 -11,-5 -2,-1 -11,0 -12,-1z" />
<path class="fil4" d="M218 1074l1 0 0 -1 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm88 80l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 -1 0 0 0 1 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 0 0 0 0 0 -1 -1 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 0l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 -1 0 0 0 0 0 0 0 0 0 0 0 -1 0 1 0 0 0 0 1 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0zm-2 -1l0 0 0 0 0 0 0 0 0 -1 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 1 0 0 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-1 0l0 0 0 -1 0 0 0 0 0 -1 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 1zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 1 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 0 0 0 0 -1 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 1 -1 -1 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0zm-2 -1l0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 1 0 0 0 0 -1 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 0 0 0 -1 0 0 0 0 0 1 -1 0 0 0 0 0 0 0 1 0 0 0 0zm-2 -1l0 0 1 0 0 0 0 -1 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 -1 -1 1 1 0 0 0 0 1 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1zm-2 -2l0 0 1 0 0 -1 0 0 0 0 -1 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0zm-1 -1l0 0 1 -1 -1 0 0 0 0 -1 0 0 -1 1 0 0 1 0 0 0 0 1zm-1 -2l0 0 0 0 0 -1 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 -1 -1 0 0 0 1 0 0 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 0 0 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 -1 0 0 -1 1 1 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 -1 -1 0 0 0 0 -1 0 0 1 1 0 0 0 0 0zm-1 -1l0 0 1 -1 -1 0 0 0 0 0 0 -1 -1 1 0 0 1 0 0 1 0 0zm-1 -2l0 0 0 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 1 0 0 1 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 1 1 0 0zm-1 -2l0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1 0 0zm-1 -2l0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm-1 -1l0 0 1 -1 -1 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1zm-1 -2l0 0 1 0 0 -1 -1 0 0 0 0 0 -1 0 0 0 1 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 -1 0 0 -1 0 0 -1 1 1 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 -1 0 0 0 0 1 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0zm0 -2l0 0 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 -1 0 0 0 1 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 0 -1 -1 0 0 0 0 0 0 0 0 1 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm0 -2l0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 1 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 -1 0 0 -1 -1 1 1 0 0 0 0 0 0 1zm-1 -2l0 0 1 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm1 -2l0 0 -1 0 0 0 0 0 0 -1 -1 1 0 0 1 0 0 0 0 1 1 -1z" />
<path class="fil4" d="M217 1075l0 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm88 80l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 -1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 0l0 0 0 -1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 1zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 -1 0 1 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0zm-2 -1l0 0 0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 0 0 -1 0 0 0 0 0 0 -1 0 0 -1 1 1 0 0 0 0 0 0 0 0 1 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0zm-2 0l0 0 1 -1 -1 0 0 0 0 -1 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 1zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 1 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 -1 0 0 -1 0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1 0 0zm-2 -1l0 0 0 0 0 -1 0 0 0 0 0 0 0 -1 0 0 0 0 1 1 0 0 0 0 -1 1zm-1 -2l0 0 1 0 -1 0 0 0 0 -1 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0zm-1 -1l0 0 0 0 0 0 0 -1 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 -1 1 1 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 1 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 -1 0 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 -1 0 0 -1 0 0 -1 1 1 0 0 0 0 0 0 0zm-1 -1l0 0 0 0 0 -1 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 1 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 -1 0 0 0 1 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 0 0 -1 -1 0 0 0 0 0 -1 0 1 1 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 -1 -1 1 0 0 1 0 0 1 0 0 0 0zm-1 -2l0 0 0 0 0 0 0 0 0 -1 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 1 0 0 0zm-2 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 0 0 0 0zm0 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 0 1 1zm-1 -2l0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm-1 -1l0 0 1 -1 -1 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1zm-1 -2l0 0 1 -1 0 0 -1 0 0 0 0 0 -1 0 1 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm0 -2l0 0 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 1 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 -1 0 0 0 1 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0zm0 -2l0 0 1 0 0 0 -1 -1 0 0 0 0 0 0 -1 0 0 0 0 1 1 0 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 -1 0 0 1 0 0 0 0 0 0 0 0zm0 -2l0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 1 -1z" />
<path class="fil4" d="M234 1075c-3,-1 -3,1 -5,2 -1,1 -2,2 -1,4 0,1 4,-2 5,-3 0,0 1,-1 1,-2 1,-1 0,-1 0,-1z" />
<path class="fil5" d="M238 1073c4,3 1,6 1,9 0,2 0,5 3,4 2,-2 3,-8 1,-9 -2,-1 -3,-4 -5,-4z" />
<path class="fil4" d="M247 1088c-1,1 -1,3 -2,4 -1,0 -2,0 -3,0 -1,0 -5,2 -6,1 -1,0 -1,-1 -2,-2 -2,-1 5,-3 6,-3 3,-1 5,-1 7,0z" />
<path class="fil5" d="M247 1085c1,3 -1,4 -2,7 -1,2 -1,2 1,4 2,3 4,-5 4,-6 0,-1 0,-2 0,-4 -1,-1 -2,-1 -3,-1z" />
<path class="fil4" d="M252 1100c0,1 0,2 -1,3 -3,0 -5,2 -8,3 -1,0 -2,-1 -2,-3 -1,-1 -1,-1 0,-2 4,-2 8,-3 11,-1z" />
<path class="fil5" d="M255 1094c-1,1 -4,9 -3,10 0,1 2,4 3,2 2,-2 4,-11 0,-12z" />
<path class="fil4" d="M268 1111c-3,-2 -3,-5 -7,-4 -4,0 -9,2 -12,4 -2,1 0,2 0,3 1,2 4,0 5,-1 5,-2 9,-1 14,-2z" />
<path class="fil4" d="M269 1112c0,1 -1,3 -2,4 -1,1 -6,7 -8,6 -1,0 -3,-1 -3,-1 0,-2 5,-6 7,-7 2,-2 4,-1 6,-2z" />
<path class="fil5" d="M269 1107c0,3 0,5 0,8 0,1 -2,4 0,5 5,2 4,-6 4,-9 0,-1 -2,-4 -4,-4z" />
<path class="fil4" d="M266 1126c2,-3 6,-6 10,-8 0,0 2,0 3,0 1,0 0,4 0,4 -4,1 -6,4 -9,6 0,0 -4,-1 -4,-2z" />
<path class="fil4" d="M277 1133c0,-3 8,-8 10,-8 2,-1 3,-1 4,0 2,0 2,0 2,2 -1,1 -1,2 -2,3 -3,0 -5,-1 -7,1 0,1 -3,4 -4,3 -1,-1 -2,0 -3,-1z" />
<path class="fil4" d="M299 1121c-3,4 -7,8 -10,14 0,0 -1,2 -1,3 1,1 4,1 4,0 2,-3 4,-8 7,-12 1,0 3,-3 3,-4 -1,-1 -2,-1 -3,-1z" />
<path class="fil6" d="M186 1124c0,2 1,5 5,7 2,2 6,4 11,6 5,1 11,1 17,2 6,1 12,1 18,3 8,2 14,4 21,6 8,3 16,6 22,7 10,0 23,0 35,-1 6,-1 11,-2 15,-4 5,-3 7,-6 7,-10 0,-1 0,-2 -1,-3l-2 1c0,1 1,2 1,2 0,3 -2,6 -6,8 -4,1 -9,3 -15,4 -11,1 -24,1 -33,0 -7,0 -14,-3 -22,-6 -7,-2 -14,-5 -21,-7 -6,-1 -13,-2 -19,-2 -6,-1 -12,-1 -16,-3 -5,-1 -9,-3 -11,-5 -3,-2 -4,-3 -4,-5l-2 0z" />
</g>
<g>
<path class="fil5" d="M121 1141c-2,0 -5,9 -2,17 1,5 68,29 98,39 21,10 55,4 68,-5 4,-4 4,-12 3,-15 -1,-5 -4,-7 -6,-11 -7,-3 -13,-7 -19,-10 -48,-4 -94,-11 -142,-15z" />
<path class="fil7 str0" d="M128 1081c1,3 2,5 3,7 0,0 0,1 0,1 -2,11 -8,24 -9,34 -2,9 -2,15 -1,24 0,2 3,7 10,9 11,3 22,4 33,6 29,7 52,24 89,21 -6,-14 3,-21 10,-27 -21,-7 -41,-16 -57,-32 -13,-12 -22,-29 -35,-41 -3,-2 -6,-5 -9,-7 -10,-2 -20,-4 -30,-5 -4,1 -7,4 -4,10z" />
<path class="fil7" d="M252 1182c-2,-8 -6,-16 -12,-21 -27,-17 -56,-25 -66,-69 -13,-7 -37,-2 -46,-11 1,3 2,5 3,8 -6,20 -11,34 -11,55 1,1 1,3 1,4 6,9 50,23 83,31 17,4 30,4 37,4 3,0 7,0 11,-1z" />
<path class="fil3" d="M152 1087c2,-2 5,-6 8,-8 4,-2 11,9 14,11 2,1 4,3 5,4 1,2 -2,2 -2,1 -5,-3 -7,-5 -12,-7 -3,0 -13,1 -13,-1z" />
<path class="fil4" d="M157 1089l1 0 0 0 0 0 -1 -1 0 0 -1 0 0 1 1 0 0 0 0 0zm92 93l0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 0 -1 0 0 -1 0 0 1 0 0 0 0 0 0 1 1 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-1 0l0 0 0 -1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 1 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 0 0 -1 -1 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 0 0 0 0 -1 -1 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 1 0 0 0 0 0 0 0 1 0 0 1 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 -1 -1 0 0 1 0 0 0 0 0 1 1 0 0 0 0 0zm-2 -1l0 0 1 -1 -1 0 0 0 0 0 0 0 0 0 0 -1 -1 1 0 0 0 1 1 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 -1 -1 1 1 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 -1 0 1 0 0 0 1 0 0 0 0 1 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 -1 0 1 0 0 0 0 0 1 1 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 -1 0 0 -1 1 0 0 1 0 0 0 0 1 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 -1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 1 0 0 1 0 0zm-2 -2l0 0 1 0 0 -1 -1 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0zm-2 -1l0 0 0 0 0 0 -1 -1 0 0 0 0 1 -1 0 1 0 0 0 0 1 0 0 0 -1 1zm-2 -1l0 0 1 -1 0 0 0 0 0 -1 -1 0 0 0 0 1 0 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 -1 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 -1 -1 0 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 -1 -1 0 0 0 0 -1 1 0 0 1 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 1 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 -1 0 0 0 1 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 -1 0 0 0 0 0 0 0 -1 0 0 0 1 1 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 -1 0 0 0 0 -1 1 0 0 0 0 0 0 1 1zm-2 -2l0 0 1 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 -1 -1 0 0 0 0 -1 1 1 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 -1 0 0 -1 1 0 0 0 0 1 1 0 0 0 0zm-1 -2l0 0 0 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 1 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 0 0 1 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 0 -1 -1 0 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 0 0 1 0 0 0 0 0 0zm0 -1l0 0 0 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 1 1zm-1 -2l0 0 1 -1 0 0 -1 0 0 0 0 -1 -1 1 0 0 1 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 -1 0 0 0 -1 0 0 0 1 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 0 0 0 0zm0 -1l0 0 1 -1 0 0 -1 0 0 -1 0 0 -1 1 0 0 1 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 0 0 -1 -1 0 0 1 0 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm0 -2l0 0 1 0 0 0 0 -1 -1 0 0 0 0 0 -1 0 0 0 1 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm0 -2l0 0 0 0 0 0 0 -1 0 0 -1 0 0 1 0 0 0 0 0 0 1 0z" />
<path class="fil4" d="M155 1091l1 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 1 0 0zm92 93l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 0 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 -1 1 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0zm-2 -1l0 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0zm-2 0l0 0 0 -1 0 0 0 0 0 0 0 0 -1 -1 0 0 0 1 0 0 0 0 0 1 1 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0 0 0zm-2 0l0 0 1 -1 0 0 0 0 -1 -1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 -1 0 0 0 0 0 1 0 0 0 0 0 0 0 1 1 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 -1 0 0 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0zm-2 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 1 0 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 -1 1 0 0 1 0 0 1 0 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 -1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 1 0zm-2 -2l0 0 1 0 -1 0 0 -1 0 0 0 0 0 0 -1 1 0 0 0 0 1 0 0 0 0 0zm-2 -1l0 0 0 0 0 0 0 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 -1 1zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 1 1 0 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 -1 -1 0 0 0 0 1 0 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 -1 -1 0 0 0 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 -1 -1 0 0 1 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 -1 0 0 0 0 0 -1 1 0 0 1 0 0 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 1 1 0zm-2 -2l0 0 1 0 0 0 0 -1 -1 0 0 0 0 1 0 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 -1 -1 1 0 0 1 0 0 1 0 0zm-1 -2l0 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm-2 -1l0 0 1 -1 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 -1 -1 0 0 0 0 -1 1 0 0 1 0 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 -1 0 0 0 0 -1 0 0 -1 1 0 0 1 0 0 1 0 0zm-1 -2l0 0 1 0 -1 -1 0 0 0 0 0 0 -1 0 0 0 0 1 1 0 0 0zm-1 -2l0 0 0 0 0 0 0 -1 0 0 0 0 -1 1 0 0 0 0 1 0 0 0zm-1 -1l0 0 0 -1 0 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 1 1 0 0zm-1 -2l0 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 1 0zm-2 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 0 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 0 -1 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 0 1zm0 -2l0 0 0 -1 0 0 0 0 0 0 0 -1 -1 1 0 0 0 0 0 1 1 0zm-1 -2l0 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 1 0zm-1 -2l0 0 1 0 -1 0 0 -1 0 0 0 0 -1 0 0 1 0 0 1 0 0 0zm-1 -2l0 0 1 0 -1 0 0 -1 0 0 0 0 -1 1 0 0 0 0 1 0 0 0zm-1 -1l0 0 1 -1 0 0 0 0 -1 0 0 -1 -1 1 1 0 0 0 0 1 0 0zm-1 -2l0 0 1 -1 0 0 0 0 -1 0 0 0 0 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 -1 0 0 1 0 0 0 0 0 0zm0 -1l0 0 1 -1 0 0 -1 0 0 -1 0 0 -1 1 0 0 0 0 1 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 -1 -1 0 0 -1 1 1 0 0 0 0 0 0 1zm-1 -2l0 0 1 -1 0 0 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 0 0 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm0 -2l0 0 1 0 -1 -1 0 0 0 0 0 0 -1 0 0 0 0 1 0 0 1 0zm-1 -2l0 0 1 0 0 0 0 -1 0 0 -1 0 0 0 0 0 0 1 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0 0 0 0 0 0zm-1 -2l0 0 1 0 0 0 0 0 0 -1 0 0 -1 1 0 0 0 0 0 0 0 0zm1 -2l0 0 0 0 0 0 -1 0 0 -1 -1 1 0 0 1 0 0 0 0 1 1 -1z" />
<path class="fil4" d="M174 1092c-2,-2 -4,0 -5,1 -1,1 -3,3 -2,5 1,1 5,-2 6,-3 0,0 1,-1 1,-2 1,-1 0,-1 0,-1z" />
<path class="fil5" d="M179 1090c4,3 1,6 0,10 0,2 0,6 3,4 3,-2 5,-8 2,-10 -2,-1 -3,-4 -5,-4z" />
<path class="fil4" d="M188 1106c-1,1 -2,4 -3,5 0,0 -2,0 -3,0 -1,0 -6,2 -6,1 -1,-1 -2,-2 -3,-2 -2,-2 6,-4 7,-4 3,0 5,-1 8,0z" />
<path class="fil5" d="M188 1103c1,4 -2,5 -3,8 -1,2 0,2 1,4 2,4 5,-4 5,-6 0,-1 0,-3 0,-4 -1,-1 -2,-2 -3,-2z" />
<path class="fil4" d="M193 1120c0,1 -1,3 -2,3 -3,1 -5,2 -8,3 -2,0 -3,-1 -3,-3 -1,-1 -1,-1 1,-2 4,-3 8,-3 12,-1z" />
<path class="fil5" d="M196 1114c0,0 -5,10 -4,11 1,1 2,4 3,2 2,-3 5,-12 1,-13z" />
<path class="fil4" d="M210 1133c-4,-2 -4,-5 -8,-5 -5,1 -10,2 -13,4 -2,1 0,2 0,3 0,3 4,0 5,0 6,-2 10,-1 16,-2z" />
<path class="fil4" d="M211 1135c-1,1 -1,3 -3,4 -1,1 -7,7 -9,6 -1,0 -3,-1 -3,-2 0,-1 6,-6 7,-7 3,-2 5,-1 8,-1z" />
<path class="fil5" d="M211 1129c0,3 -1,6 -1,8 0,2 -2,5 0,6 5,2 4,-6 5,-9 0,-2 -2,-5 -4,-5z" />
<path class="fil4" d="M206 1150c3,-4 7,-7 11,-8 1,0 3,-1 4,-1 1,1 0,5 0,5 -4,1 -7,4 -10,6 -1,1 -5,-1 -5,-2z" />
<path class="fil4" d="M218 1158c0,-3 9,-8 12,-9 1,0 3,0 4,1 2,1 2,1 1,3 0,1 -1,2 -2,2 -2,0 -5,0 -7,1 -1,1 -3,5 -5,3 0,-1 -2,0 -3,-1z" />
<path class="fil4" d="M243 1146c-4,5 -9,9 -12,15 0,0 -2,2 -1,3 1,1 4,2 4,1 3,-4 5,-10 8,-13 1,-1 5,-3 4,-4 -1,-1 -2,-2 -3,-2z" />
<path class="fil6" d="M119 1142c-5,16 45,25 54,28 35,11 44,17 85,13 7,0 13,-1 18,-3 4,-3 8,-6 8,-10 0,-2 -1,-3 -1,-4l-2 1c0,1 0,2 0,3 0,3 -3,5 -6,7 -5,2 -11,3 -17,4 -41,3 -50,-3 -85,-14 -6,-2 -56,-12 -52,-24l-2 -1z" />
<path class="fil8" d="M140 1101c-5,0 -9,5 -9,11 0,7 4,12 9,12 5,0 9,-5 9,-12 0,-6 -4,-11 -9,-11z" />
</g>
<path class="fil9" d="M193 1069c0,0 1,-1 1,-2 -12,-139 -16,-353 -18,-446 19,8 45,19 64,27 -3,58 -24,357 -15,421l-32 0z" />
<path class="fil10" d="M131 1078c0,-1 0,-1 0,-2 -12,-133 -16,-337 -18,-426 19,7 45,18 64,25 -2,56 -24,342 -14,403l-32 0z" />
<path class="fil11" d="M123 964c-5,-98 -8,-206 -9,-277l63 -2c-1,11 -2,28 -3,48 -54,18 -55,198 -31,233l-20 -2z" />
<path class="fil12" d="M97 345c12,-10 41,-25 57,-24 42,3 19,18 74,7 14,-7 44,12 44,13 -22,34 19,51 18,82 2,31 -34,52 -39,64 -21,50 6,67 6,133 -4,56 -137,116 -144,98 -11,-28 -10,-100 28,-209 13,-53 -28,-79 -44,-164z" />
<path class="fil13" d="M162 951c-9,21 -39,2 -39,5 0,27 3,67 6,94 3,36 -3,32 31,32 7,0 1,-8 1,-27 0,-9 1,-104 1,-104z" />
<path class="fil13" d="M224 946c-9,20 -38,2 -38,4 1,26 2,63 5,89 3,34 -4,33 30,33 7,0 3,-12 3,-30 0,-9 0,-96 0,-96z" />
<g id="GirlFace">
<path class="fil14" id="ghair3" d="M222 292l65 8c-24,29 -26,36 -5,36 3,0 -30,15 -47,-1 -4,-4 -2,11 25,14 8,1 3,5 -4,6 -9,2 -37,1 -52,-23 -2,-2 -4,-21 -6,-27l24 -13z" />
<path class="fil15 str1" id="ghairr" d="M298 63l-19 -38c128,-25 125,213 2,272 -3,1 3,-4 -12,-9 1,-22 55,-73 54,-108 0,-27 3,-42 -7,-68 -2,-4 -18,-49 -18,-49z" />
<path class="fil15" d="M369 167l-48 46c4,15 12,23 5,40 -1,1 -4,11 -4,11 26,-12 47,-72 47,-97z" />
<path class="fil16" d="M313 176c2,-5 41,-20 31,27 -1,5 -11,23 -28,24 -17,0 -4,-47 -3,-51z" />
<path class="fil15" id="ghr" d="M132 66l-1 -16c-83,60 -69,299 54,342 3,1 -9,-52 -4,-95 -6,-19 -30,-61 -39,-93 -7,-25 -14,-38 -12,-65 1,-5 7,-73 2,-73z" />
<path class="fil14" d="M266 217l7 -18c60,57 27,145 -97,128 -3,-1 31,-14 21,-23 9,-8 27,-19 41,-32 11,-10 20,-14 22,-29 1,-2 6,-26 6,-26z" />
<path class="fil15" d="M279 50c17,19 36,18 62,69 2,0 -12,-32 -10,-30 -9,-20 -15,-40 -30,-56 -1,-1 -1,-1 -2,-2 0,0 -13,-7 -22,8 -2,2 -3,9 2,11z" />
<path class="fil13" id="gleyr" d="M130 175c-3,-10 -39,-21 -28,26 1,5 11,23 27,24 18,0 7,-34 1,-50z" />
<path class="fil13" id="gface1" d="M126 127c-14,86 25,158 48,203 2,10 -1,11 1,14 5,4 22,60 39,58 9,-1 -12,-100 -3,-100 67,6 119,-37 121,-69 2,-37 6,-66 8,-88 3,-37 -12,-72 -57,-94 -58,-19 -144,-10 -157,76z" />
<path class="fil17" id="gfaceShadow" d="M126 202c9,52 32,97 48,128 2,10 -1,11 1,14 1,1 3,6 6,12 15,0 29,-5 31,-5l0 0c-3,-24 -6,-49 -1,-49 67,6 119,-37 121,-69 2,-37 6,-66 8,-88 3,-34 -10,-66 -48,-89l-143 51 1 13c14,-11 41,5 65,-9 7,-3 30,-4 48,-15 81,-50 75,101 56,148 -15,36 -64,49 -99,43 -14,-2 -52,-6 -94,-85z" />
<path class="fil17" d="M112 119l38 -3c-9,24 -19,49 -4,72 2,4 14,18 14,21 0,23 -19,9 -21,27l-21 -51 -6 -66z" />
<path class="fil18" id="gwhiteye1" d="M298 138c-17,-1 -32,11 -33,27 0,15 13,29 31,30 17,1 32,-11 32,-27 1,-16 -12,-29 -30,-30z" />
<path class="fil13" d="M328 148c5,-24 -49,-37 -59,-12 8,-1 43,0 59,12z" />
<path class="fil18" id="gwhiteye" d="M202 137c-17,-3 -34,8 -36,23 -3,16 10,31 27,34 18,3 34,-8 36,-24 3,-15 -9,-30 -27,-33z" />
<path class="fil13" d="M223 136c-2,-21 -58,-17 -60,7 8,-3 41,-13 60,-7z" />
<path class="fil9" id="gleye" d="M196 152c9,0 16,7 16,16 0,9 -7,17 -16,17 -9,0 -16,-8 -16,-17 0,-9 7,-16 16,-16z" />
<path class="fil18" id="geyedot" d="M188 159c0,-2 2,-3 4,-2 1,0 2,2 2,4 -1,1 -3,2 -4,2 -2,-1 -3,-3 -2,-4z" />
<path class="fil13" id="cheeks" d="M221 196c3,-17 -44,-29 -53,-10 0,8 17,8 30,10 8,2 12,6 23,0z" />
<path class="fil15" id="guphair" d="M149 127c-1,-1 24,-13 17,-14 -21,-2 -43,43 -47,53 0,-13 -9,-39 -10,-59 -3,-42 24,-82 63,-96 19,-7 62,-21 92,-1 101,54 -82,124 -115,117z" />
<path class="fil15" d="M286 44c-12,16 -14,28 -33,52 -2,2 -16,16 -16,17 16,-7 37,-18 46,-31 6,-10 20,-27 8,-35 -1,-1 -1,-3 -5,-3z" />
<path class="fil15" id="guphair2" d="M316 57l-22 -30c-2,15 4,52 -23,79 -1,1 26,4 41,-32 0,-1 4,-15 4,-17z" />
<path class="fil15" id="ghair4" d="M107 253l24 -30c15,34 40,79 63,98 7,6 17,24 -6,10 -9,-6 -9,-6 -1,5 5,8 26,11 26,12 -2,4 -12,4 -24,3 -2,0 6,14 30,15 14,1 -19,27 -50,12 -25,-12 -58,-80 -59,-108 0,-4 -2,-12 -3,-17z" />
<path class="fil9" id="greye" d="M292 158c9,0 17,8 17,17 0,9 -8,16 -17,16 -9,0 -16,-7 -16,-16 0,-9 7,-17 16,-17z" />
<path class="fil18" id="geyedot1" d="M284 165c1,-1 3,-2 4,-2 2,1 3,3 2,4 -1,2 -2,3 -4,2 -2,-1 -2,-2 -2,-4z" />
<path class="fil19" d="M128 191c-2,-4 -18,-9 -13,12 1,2 5,10 13,10 7,1 2,-15 0,-22z" />
<path class="fil17" id="gloweyebro2" d="M284 121c8,3 16,5 23,9 9,4 16,9 26,13 6,-2 -10,-13 -27,-20 -14,-5 -32,-8 -22,-2z" />
<path class="fil20" id="geyeabror" d="M284 119c8,3 16,4 23,7 9,3 17,7 28,10 5,-2 -12,-12 -29,-17 -16,-3 -34,-4 -22,0z" />
<path class="fil17" id="gloweyebro1" d="M171 138c8,-2 16,-5 24,-7 9,-2 18,-2 28,-5 4,-5 -16,-4 -33,1 -15,4 -31,13 -19,11z" />
<path class="fil20" id="geyeabrol" d="M171 132c8,-1 16,-4 24,-4 10,-1 18,-1 29,-3 4,-4 -15,-5 -33,-2 -16,3 -33,9 -20,9z" />
<path class="fil13" id="cheeks1" d="M316 203c3,-18 -45,-30 -54,-11 0,8 18,8 31,11 8,1 12,6 23,0z" />
<path class="fil21" id="gnose" d="M260 126c0,-1 -1,-2 -2,-2 -2,0 -3,1 -3,2 0,8 5,36 8,56 2,12 4,21 3,22l0 0 0 0c0,3 -3,5 -6,7 -3,2 -7,3 -10,2 -2,0 -3,1 -3,2 0,1 0,2 2,3 4,1 10,0 14,-3 4,-2 7,-6 8,-10l0 0c1,-1 -1,-11 -3,-23 -3,-20 -8,-48 -8,-56z" />
<path class="fil15" id="geyrl1" d="M97 101l57 13c-38,29 -14,78 -2,100 -18,1 -60,-29 -55,-113z" />
<path class="fil22" id="glips" d="M288 232l-66 0c3,28 50,43 66,0z" />
<path class="fil26d" id="glipsd" d="M288 232l-66 0c3,28 50,43 66,0z" />
<path class="fil23" id="gteath" d="M278 239c-22,3 -27,4 -47,-1 6,16 36,14 47,1z" />
<path class="fil26d" id="gteathm" d="M278 239c-22,3 -27,4 -47,-1 6,16 36,14 47,1z" />
<path class="fil26d" id="gteathd" d="M278 239c-22,3 -27,4 -47,-1 6,16 36,14 47,1z" />
<path class="fil24" id="gmouthshadow" d="M234 243c7,0 14,1 21,1 6,0 13,-1 19,-1 0,0 -3,1 -3,2 -12,2 -23,3 -35,0 0,0 0,-1 -1,-1 0,-1 -1,-1 -1,-1z" />
</g>
<path class="fil25" id="gleftarm" d="M68 510c6,7 23,24 39,42 2,2 6,20 -11,24 -30,-34 -79,-75 -96,-117 -2,-19 31,-10 31,-10 10,32 32,55 37,61z" />
<path class="fil25" id="gleftbi" d="M83 387c-7,6 -13,9 -20,16 -20,20 -29,33 -30,46 -1,3 -12,28 -32,10 -6,-50 98,-116 98,-116 14,0 20,22 7,29 -13,9 -13,6 -23,15z" />
<path class="fil25" id="gleftpalm" d="M107 551c7,3 13,-4 33,-1 5,2 21,4 23,11 -13,-5 -20,-3 -34,-5 7,8 27,3 34,12 -5,2 -20,-3 -31,1 3,3 21,2 28,6 -4,3 -22,2 -33,1 4,9 27,-1 29,8 -30,6 -43,12 -62,-10 0,0 -1,-9 3,-15 3,-5 10,-8 10,-8z" />
<path class="fil25" id="grightarm" d="M303 508c-5,6 -23,24 -39,41 -2,2 -5,21 11,24 30,-33 80,-75 96,-116 2,-19 -31,-11 -31,-11 -10,32 -32,55 -37,62z" />
<path class="fil25" id="grightbi" d="M288 384c7,6 13,9 20,16 20,20 29,33 30,45 1,4 12,29 32,11 6,-50 -97,-116 -98,-116 -11,0 -14,25 -7,29 13,9 13,6 23,15z" />
<path class="fil25" id="grightpalm" d="M264 549c-7,2 -13,-5 -33,-1 -5,1 -21,4 -23,11 13,-5 20,-4 34,-5 -7,8 -27,3 -35,12 6,2 21,-4 32,1 -3,3 -21,1 -28,5 4,4 22,3 32,1 -3,10 -26,0 -28,9 30,6 42,11 62,-11 0,0 1,-8 -3,-14 -3,-5 -10,-8 -10,-8z" />
<path class="fil24" id="gthumb" d="M124 552c0,0 -2,-12 -2,-13 0,-3 1,-12 -5,-11 -3,1 0,6 0,13 -1,6 -2,12 -2,13 4,4 9,-2 9,-2z" />
</g>
</g>
</svg>
</div>
<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
<button class="btn btn-success" onclick="clearAllprop(ExpBetter);" id=" first"> Expression 'Better'</button>
</div>
</div>
html {
height: 100%;
}
svg {
position: absolute;
width: 100%;
margin-top: 5px;
}
body {
/*min-height: 100vh;*/
/*font-family: 'Roboto', sans-serif;*/
font-family: 'MyWebFont';
/*background: url(images/Untitled-1.svg);*/
background-size: 54% 100%;
background-repeat: no-repeat;
background-position: center bottom;
/*background-size: 100%;*/
/*background-size: cover;
background-repeat: no-repeat;
background-position: center center;*/
}
.btn{
width:140px;
margin:2px;
float:right;
}
.container {
padding-right: 0px;
padding-left: 0px;
}
var g = new TimelineMax({ paused: true });
function clearAllprop() {
var animation = new TimelineLite({ onComplete: ExpBetter();});
animation.to(['#grightbi', '#GirlFace', '.GirlFace', '#grightarm', '#grightpalm', '#gleftpalm', '#gleftarm', '#gleftbi', '#gleye', '#greye', '#geyeabror', '#geyeabrol', '#gloweyebro1', '#gloweyebro2', '#guphair', '#guphair2', '#gnose', '#glips', '#gteath', '#glipsd', '#gteathd', '#gmouthshadow', '#cheeks', '#cheeks2', '#gwhiteye', '#gwhiteye1', '#geyedot', '#geyedot1', '#gfaceShadow', '#gteathm', '#gthumb'], 0.3, { clearProps: 'all' });
}
function ExpBetter() {
g.to('#gleftpalm', 0.5, { scale: 1.1, rotation: -5, bezier: { curviness: 1.25, values: [{ x: 35, y: 4 }, { x: 100, y: -4 }, { x: 200, y: -35 }, { x: 275, y: -142 }, { x: 279, y: -160 }] }, transformOrigin: "center", scale: 0.9, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#gleftbi', 0.5, { scale: 1.1, y: 2, x: -15, rotation: -94, repeat: 1, transformOrigin: "right", yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to("#gleftarm", 0.5, { scale: 1.1, bezier: { curviness: 1.25, values: [{ x: 15, y: 17 }, { x: 140, y: 58 }, { x: 210, y: 20 }] }, rotation: -65, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#gthumb', 0.5, { fill: '#F0D2C0', strokeWidth: 10, stroke: '#F0C6A5', rotation: -5, bezier: { curviness: 1.25, values: [{ x: 35, y: 4 }, { x: 100, y: -4 }, { x: 200, y: -35 }, { x: 273, y: -142 }, { x: 269, y: -158 }] }, transformOrigin: "center", scale: 0.9, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#glips', 0.5, { scale: (1.2), x: -17, y: -0.2, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#glipsd', 0.5, { fill: '#F26A58', scale: (1.1), x: -12, y: 7, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#gteath', 0.5, { fill: '#fff', stroke: '#fff', opacity: 1, scale: (1.4), x: -15.7, y: -0.1, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#gteathm', 0.5, { fill: '#B14040', stroke: '#B14040', scale: (1.2), x: -12, y: 6, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#gteathd', 0.5, { fill: '#fff', scale: (0.1, 0.6), x: -1, y: 15, repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
.to('#gmouthshadow', 0.5, { scale: (0), x: -0, y: 0, fill: 'none', stroke: 'none', repeat: 1, yoyo: true, repeatDelay: 1, ease: Sine.easeInOut }, 0)
g.restart();
}
Also see: Tab Triggers