tag:blogger.com,1999:blog-73454276475463301512024-03-19T03:22:44.760-07:00Desarrollo de VideoJuegos y MultimediaAlonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.comBlogger54125tag:blogger.com,1999:blog-7345427647546330151.post-55649717121028494532016-07-26T09:37:00.003-07:002020-07-06T18:39:37.488-07:00Script - Pausar juego con UI - Pause a game with UI #Unity3d<div class="MsoNormal" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaG4g7dksV_Jm7VHkcrOf22lFng60fd488dCTrPUh5yoGXueEAIkxyR-y7aKR8sTdouJniftFJ8ak_isfjcjD1RfLcN9vHuzcNd1pzqE1en_s0pHdFyp4zCrevfgCr-gQuCdf3mnC_xVWx/s1600/PAUSAR+EL+JUEGO.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaG4g7dksV_Jm7VHkcrOf22lFng60fd488dCTrPUh5yoGXueEAIkxyR-y7aKR8sTdouJniftFJ8ak_isfjcjD1RfLcN9vHuzcNd1pzqE1en_s0pHdFyp4zCrevfgCr-gQuCdf3mnC_xVWx/s400/PAUSAR+EL+JUEGO.jpg" width="400" /></a></div>
<span style="font-family: verdana, sans-serif;"><span style="background: white; color: #444444; line-height: 107%;"><br /></span></span>
<span style="font-family: verdana, sans-serif;"><span style="background: white; color: #444444; line-height: 107%;">En esta entrada procedo a actualizar el código que mostré tiempo atrás
en la publicación sobre<span class="apple-converted-space"> </span></span><b><span style="background: white; line-height: 107%;"><a href="http://multimedia-blog-av.blogspot.com/2014/07/script-para-pausar-el-juego-en-unity3d.html" target="_blank">"#Script para pausar el juego en #unity3d - Pause a game"</a></span></b><span class="apple-converted-space"><span style="background: white; color: #444444; line-height: 107%;"> </span></span><span style="background: white; color: #444444; line-height: 107%;">porque con las últimas actualizaciones de
Unity, es más fácil trabajar el HUD o elementos que se muestran
en pantalla con el apartado de<span class="apple-converted-space"> </span></span><b>Interfaz de Usuario o UI</b><span class="apple-converted-space"> que trae el propio motor de Unity, por
consecuente esta publicación incluye como trabajar con Imagen y Canvas.</span><o:p></o:p></span><br />
<span style="font-family: verdana, sans-serif;"><span class="apple-converted-space"></span></span><br />
<a name='more'></a></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">El siguiente Script es formato C# y permite contar pausar
el tiempo, y por consecuente, también toda acción dentro de la escena, en otras
palabras pausar el juego. <o:p></o:p></span></span><br />
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">Lo primero a desarrollar es habilitar la opción de la imagen, dando clic
en GameObject/UI/Imagen. Para lo cual de forma automática crea el Canvas y EventSystem,
no debes de eliminar el EventSystem, porque de hacerlo, se eliminará la opción
que permite usar el touch. Luego procedemos a incorporar la imagen que usaremos
como textura en formato png para sacar provecho al canal alpha.<o:p></o:p></span></span><br />
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p5K-9w977-3ywcGeVqwGW6IFljiBM4QykudcTWHDdC7WIiHPBZHtan66YUf-T2FzCdk1PMoYwDWlvpOtegUw-hNmekKji8s169yrubYSoYXo0sPr31-Dyr70XyE2VJ7idq_EGL6EKgEE/s1600/pausa_unity_image.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p5K-9w977-3ywcGeVqwGW6IFljiBM4QykudcTWHDdC7WIiHPBZHtan66YUf-T2FzCdk1PMoYwDWlvpOtegUw-hNmekKji8s169yrubYSoYXo0sPr31-Dyr70XyE2VJ7idq_EGL6EKgEE/s1600/pausa_unity_image.PNG" /></a></div>
<br />
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">Si nos damos cuenta al dar clic en el objeto imagen (hijo de canvas) en
la ventana del Inspector encontraremos que podemos cambiar ese color blanco por
una imagen como tal, pero este solo admite en formato de SPRITE, por lo cual al
incorporar la imagen del botón pausa en las propiedades del mismo debemos de
cambiarlo de Texture a Sprite, y luego dar clic en “Aplicar”. Ahora si podremos
asignar la imagen del botón pausa, a la imagen que tenemos en el canvas.<o:p></o:p></span></span><br />
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQuByxyybxFNji6HsxzoVPK82hP8gCbVil0RQ-6PSkvzUPfvWRfdj0oDkTrI7XF8n13_y9wPadDpOiVAa5Ra7QobNi6gbpGd1LoSZFfnswMyOLTzTWEM-hWbdy9VU3bZNUJeDm8wj9wmDC/s1600/cambiar+de+texture+a+sprite+unity.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQuByxyybxFNji6HsxzoVPK82hP8gCbVil0RQ-6PSkvzUPfvWRfdj0oDkTrI7XF8n13_y9wPadDpOiVAa5Ra7QobNi6gbpGd1LoSZFfnswMyOLTzTWEM-hWbdy9VU3bZNUJeDm8wj9wmDC/s1600/cambiar+de+texture+a+sprite+unity.jpg" /></a></div>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">Luego de haber asignado la imagen del botón a la image en el canvas,
procederemos a adjuntarle a la imagen el componente de button para poder
accionar cuando se dé clic sobre la imagen, en caso de no querer realizarlo con
imagen, puede realizarlo de forma directa con un botón desde la opción UI.<o:p></o:p></span></span><br />
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Rjet3pZb5cDReJtVbruu9DeIsqgg9428UVgGWpwamqqDrjs_pq8y7jZ_hJUC9HmAwalekknWlsUyoN5INLzhbXAKDK5yaeryENrVBeG_3A0uJbV7RJQ1CqF0lGQpEqMbclk8QW6TeCh5/s1600/cambiar+de+texture+a+sprite+unity+ui.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Rjet3pZb5cDReJtVbruu9DeIsqgg9428UVgGWpwamqqDrjs_pq8y7jZ_hJUC9HmAwalekknWlsUyoN5INLzhbXAKDK5yaeryENrVBeG_3A0uJbV7RJQ1CqF0lGQpEqMbclk8QW6TeCh5/s320/cambiar+de+texture+a+sprite+unity+ui.jpg" width="320" /></a></div>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">El componente botón nos permitirá activar la opción cuando demos clic
sobre la imagen, no olvidar que el script lo debe de tener la imagen, que a su
vez esta será quien active la acción de la pausa o función PausaJuego en mi
caso.<o:p></o:p></span></span><br />
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbv0BsamSrO72Rvw3Kgl5mPObAESP1_7GVGNlXAi411s3-R9tsiiwLKTJyqZTcrmgG-jeYs8lVDdeUK_hCj-vuhFH-J2aQH5ApiR-16SsMpwuD3Z2BPw6TU0FQQsyiLUq3PWuUyKlZi4mG/s1600/script+pausa+unity+ui.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbv0BsamSrO72Rvw3Kgl5mPObAESP1_7GVGNlXAi411s3-R9tsiiwLKTJyqZTcrmgG-jeYs8lVDdeUK_hCj-vuhFH-J2aQH5ApiR-16SsMpwuD3Z2BPw6TU0FQQsyiLUq3PWuUyKlZi4mG/s400/script+pausa+unity+ui.jpg" width="190" /></a></div>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">Este script incluye una variable pausa de tipo bool (verdadero o
falso). En el método Start por defecto estoy indicando que la variable tome
valor de falso para que no se congele el tiempo, y en el método PausaJuego ahí
procedemos a indicar que si pausa es verdadero sea falso, o si es falso se
cambie a verdadero para que proceda o se congele el tiempo.<o:p></o:p></span></span></div>
<br />
<div class="MsoNormal" style="text-align: justify;">
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;">El Time.timeScale controla el tiempo que está pasando en la escena,
también se lo puede usar para activar por ejemplo la sensación de una cámara
lenta. Cuando Time.timeScale es de 1,0 el tiempo pasa tan rápido como
en tiempo real, cuando es de 0,5 el tiempo pasa 2x más y cuando se
pone 0 el juego se detiene.<span style="font-size: 10pt;"><o:p></o:p></span></span></span><br />
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><br /></span></span>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><b style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13px; line-height: 18.2px; text-align: start;">*C#</b><br style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13px; line-height: 18.2px; text-align: start;" /><span style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13px; line-height: 18.2px;">----------------------------------------------</span></span></span><br />
<div style="text-align: start;"><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;">bool pausa; //variable pausa</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><br /></span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><span style="white-space: pre;"> </span>void Start () {</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>pausa = false;</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><span style="white-space: pre;"> </span>}</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><br /></span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><span style="white-space: pre;"> </span>public void PausaJuego () {</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>pausa = !pausa; //si pausa es true, que cambie a false o viceversa</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> </span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>if (pausa){</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>Time.timeScale = 0;</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>}else{</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>Time.timeScale = 1;</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"> <span style="white-space: pre;"> </span>}</span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><br /></span></font></div><div style="text-align: start;"><font color="#444444" face="arial, tahoma, helvetica, freesans, sans-serif"><span style="font-size: 13px;"><span style="white-space: pre;"> </span>}</span></font></div></div>
<span style="background: white; color: #444444; line-height: 107%;"><span style="font-family: verdana, sans-serif;"><span style="font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13px; line-height: 18.2px;">----------------------------------------------</span></span></span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-11283439630431851402016-07-20T21:52:00.003-07:002017-11-22T18:47:27.253-08:00Script - Cronómetro descendente con UI #Unity - Down Timer UI<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVmX5Eoh1zmrXKSZRcxKVk1iQAqk4lzzM0BryRm7z_oP5njxcNZTmmS50Jbxo3ksGlarS2yDJyYkCGZAB4CljmMHrfGw0HCDDNGsWCpeuWTwIzDtDoZoOx8IbV43nKNTcBkb5c8FgcXle/s1600/CRONOMETRO+DESCENDENTE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVmX5Eoh1zmrXKSZRcxKVk1iQAqk4lzzM0BryRm7z_oP5njxcNZTmmS50Jbxo3ksGlarS2yDJyYkCGZAB4CljmMHrfGw0HCDDNGsWCpeuWTwIzDtDoZoOx8IbV43nKNTcBkb5c8FgcXle/s400/CRONOMETRO+DESCENDENTE.jpg" width="400" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: 13px;">En esta entrada procedo a actualizar el código que mostré tiempo atrás en la publicación sobre <a href="http://multimedia-blog-av.blogspot.com/2015/02/script-cronometro-descendente-unity.html" target="_blank"><b>"Cronómetro descendente"</b></a> porque con las últimas actualizaciones de Unity, es más fácil trabajar el HUD o elementos que se muestran en pantalla con el apartado de <b>Interfaz de Usuario o UI</b> que trae el propio motor de Unity, por consecuente esta publicación incluye como trabajar con Canvas y Texto.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: 13px;">El siguiente Script es formato JS o JavaScript y permite contar el tiempo de forma descendente. Para su conocimiento el Script no se encuentra modificado en su esencia, pero si actualizado al uso de UnityEngine.UI (Según el Script del cronómetro con GUI).</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: 13px;">Las primeras consideraciones que debemos tener en cuenta, es incorporar al inicio del código la siguiente línea, <b>import UnityEngine.UI</b> , que permite incorporar y hacer uso de las propiedades del apartado de UI o Interfaz de Usuario.</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: 13px;">Luego de eso crearemos nuestra variable que se usará para mostrar en el cuadro de dialogo, que en este script se llama <b>tiempoCrono</b>, de tipo text.</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: 13px;">En <b>function Update</b> se procede a ingresar todo el cálculo matemático para contar el tiempo y mostrar en formato de hora.</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknmjgUG0juPiNZBy78jqEm1o96cjb6cspjlXQ1JmiOZ8awvG-wQhksNOyDqfZ9yX6YF7sobhqUfe0bZgLvug31NckPTTO_xW3ukWE8AMbOXGdNW912bIh2qAYJknFoSI5R7uJCSeejujT/s1600/cronometro_descendente_ui.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknmjgUG0juPiNZBy78jqEm1o96cjb6cspjlXQ1JmiOZ8awvG-wQhksNOyDqfZ9yX6YF7sobhqUfe0bZgLvug31NckPTTO_xW3ukWE8AMbOXGdNW912bIh2qAYJknFoSI5R7uJCSeejujT/s1600/cronometro_descendente_ui.PNG" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: 13px;">Otra consideración importante es que este Script lo lleva adjunto o puesto el elemento de Text del Canvas.</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPKg3tsrvRc8t6PmSNI9BdRFe4zAGKCvBzNyEI1ySwiYrHgeSLVcyiaFgMU4-VN3_N3QzjFwVOzMhE6p89VfRZfr6jMYQBax0ThgwqIfXsFS2Qej393h_Kul82y7DJKzZKg_vUFSr5G_v/s1600/cronometro_descendente_ui_text.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPKg3tsrvRc8t6PmSNI9BdRFe4zAGKCvBzNyEI1ySwiYrHgeSLVcyiaFgMU4-VN3_N3QzjFwVOzMhE6p89VfRZfr6jMYQBax0ThgwqIfXsFS2Qej393h_Kul82y7DJKzZKg_vUFSr5G_v/s320/cronometro_descendente_ui_text.PNG" width="272" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13px; line-height: 18.2px; text-align: start;">
<b>* C#</b></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"></span><br />
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 13px; line-height: 18.2px; text-align: start;">
-------------------------------------------</div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">using System.Collections;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">using System.Collections.Generic;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">using UnityEngine;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">using UnityEngine.UI;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">public class CronometroDes : MonoBehaviour {</span><br />
<span style="white-space: pre;"><span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"> </span></span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">private Text tiempoCrono; //variable para mostrar texto</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">/* variables para cronometro */</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">private float starTime;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">private float restSeconds;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">private int roundedRestSeconds;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">static int displaySeconds;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">static int displayMinutes;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">public int countDownSeconds; //cuanto dura el cronometro</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">/* function Awake se carga al iniciar el programa */</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">void Awake(){</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>tiempoCrono = GetComponent<Text>();</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>starTime = Time.time;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">}</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">void Update(){</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>float guiTime = (Time.time)-(starTime);</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>restSeconds = countDownSeconds - (guiTime);</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>if(restSeconds < 0){</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>Application.LoadLevel("colission");</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>}</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>roundedRestSeconds = Mathf.CeilToInt(restSeconds);</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>displaySeconds = roundedRestSeconds % 60;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>displayMinutes = roundedRestSeconds / 60;</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="white-space: pre;"> </span>tiempoCrono.text = string.Format("{0:00}:{1:00}", displayMinutes, displaySeconds);//muestro en pantalla</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">}</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"></span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">}</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px;">-------------------------------------------</span></span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
-------------------------------------------</div>
<div style="text-align: justify;">
import UnityEngine.UI;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
private var tiempoCrono: Text; //variable para mostrar texto</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
/* variables para cronometro */</div>
<div style="text-align: justify;">
private var starTime: float;</div>
<div style="text-align: justify;">
private var restSeconds: int;</div>
<div style="text-align: justify;">
private var roundedRestSeconds: int;</div>
<div style="text-align: justify;">
static var displaySeconds: int;</div>
<div style="text-align: justify;">
static var displayMinutes: int;</div>
<div style="text-align: justify;">
var countDownSeconds: int; //cuanto dura el cronometro</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
/* function Awake se carga al iniciar el programa */</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Awake(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>tiempoCrono = GetComponent.<Text>();</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>starTime = Time.time;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Update(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>var guiTime: float = (Time.time)-(starTime);</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>restSeconds = countDownSeconds - (guiTime);</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if(restSeconds == 0){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>Application.LoadLevel("colission");</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>roundedRestSeconds = Mathf.CeilToInt(restSeconds);</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>displaySeconds = roundedRestSeconds % 60;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>displayMinutes = roundedRestSeconds / 60;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>tiempoCrono.text = String.Format("{0:00}:{1:00}", displayMinutes, displaySeconds);//muestro en pantalla</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
-------------------------------------------</div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com2tag:blogger.com,1999:blog-7345427647546330151.post-35375138535372803822016-07-20T21:52:00.002-07:002016-07-20T21:54:00.700-07:00Script - Cronómetro descendente con UI #Unity - Down Timer UI<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVmX5Eoh1zmrXKSZRcxKVk1iQAqk4lzzM0BryRm7z_oP5njxcNZTmmS50Jbxo3ksGlarS2yDJyYkCGZAB4CljmMHrfGw0HCDDNGsWCpeuWTwIzDtDoZoOx8IbV43nKNTcBkb5c8FgcXle/s1600/CRONOMETRO+DESCENDENTE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVmX5Eoh1zmrXKSZRcxKVk1iQAqk4lzzM0BryRm7z_oP5njxcNZTmmS50Jbxo3ksGlarS2yDJyYkCGZAB4CljmMHrfGw0HCDDNGsWCpeuWTwIzDtDoZoOx8IbV43nKNTcBkb5c8FgcXle/s400/CRONOMETRO+DESCENDENTE.jpg" width="400" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">En esta entrada procedo a actualizar el código que mostré tiempo atrás en la publicación sobre <a href="http://multimedia-blog-av.blogspot.com/2015/02/script-cronometro-descendente-unity.html" target="_blank"><b>"Cronómetro descendente"</b></a> porque con las últimas actualizaciones de Unity, es más fácil trabajar el HUD o elementos que se muestran en pantalla con el apartado de <b>Interfaz de Usuario o UI</b> que trae el propio motor de Unity, por consecuente esta publicación incluye como trabajar con Canvas y Texto.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">El siguiente Script es formato JS o JavaScript y permite contar el tiempo de forma descendente. Para su conocimiento el Script no se encuentra modificado en su esencia, pero si actualizado al uso de UnityEngine.UI (Según el Script del cronómetro con GUI).</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">Las primeras consideraciones que debemos tener en cuenta, es incorporar al inicio del código la siguiente línea, <b>import UnityEngine.UI</b> , que permite incorporar y hacer uso de las propiedades del apartado de UI o Interfaz de Usuario.</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">Luego de eso crearemos nuestra variable que se usará para mostrar en el cuadro de dialogo, que en este script se llama <b>tiempoCrono</b>, de tipo text.</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">En <b>function Update</b> se procede a ingresar todo el cálculo matemático para contar el tiempo y mostrar en formato de hora.</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknmjgUG0juPiNZBy78jqEm1o96cjb6cspjlXQ1JmiOZ8awvG-wQhksNOyDqfZ9yX6YF7sobhqUfe0bZgLvug31NckPTTO_xW3ukWE8AMbOXGdNW912bIh2qAYJknFoSI5R7uJCSeejujT/s1600/cronometro_descendente_ui.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknmjgUG0juPiNZBy78jqEm1o96cjb6cspjlXQ1JmiOZ8awvG-wQhksNOyDqfZ9yX6YF7sobhqUfe0bZgLvug31NckPTTO_xW3ukWE8AMbOXGdNW912bIh2qAYJknFoSI5R7uJCSeejujT/s1600/cronometro_descendente_ui.PNG" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">Otra consideración importante es que este Script lo lleva adjunto o puesto el elemento de Text del Canvas.</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPKg3tsrvRc8t6PmSNI9BdRFe4zAGKCvBzNyEI1ySwiYrHgeSLVcyiaFgMU4-VN3_N3QzjFwVOzMhE6p89VfRZfr6jMYQBax0ThgwqIfXsFS2Qej393h_Kul82y7DJKzZKg_vUFSr5G_v/s1600/cronometro_descendente_ui_text.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPKg3tsrvRc8t6PmSNI9BdRFe4zAGKCvBzNyEI1ySwiYrHgeSLVcyiaFgMU4-VN3_N3QzjFwVOzMhE6p89VfRZfr6jMYQBax0ThgwqIfXsFS2Qej393h_Kul82y7DJKzZKg_vUFSr5G_v/s320/cronometro_descendente_ui_text.PNG" width="272" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
-------------------------------------------</div>
<div style="text-align: justify;">
import UnityEngine.UI;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
private var tiempoCrono: Text; //variable para mostrar texto</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
/* variables para cronometro */</div>
<div style="text-align: justify;">
private var starTime: float;</div>
<div style="text-align: justify;">
private var restSeconds: int;</div>
<div style="text-align: justify;">
private var roundedRestSeconds: int;</div>
<div style="text-align: justify;">
static var displaySeconds: int;</div>
<div style="text-align: justify;">
static var displayMinutes: int;</div>
<div style="text-align: justify;">
var countDownSeconds: int; //cuanto dura el cronometro</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
/* function Awake se carga al iniciar el programa */</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Awake(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>tiempoCrono = GetComponent.<Text>();</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>starTime = Time.time;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Update(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>var guiTime: float = (Time.time)-(starTime);</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>restSeconds = countDownSeconds - (guiTime);</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if(restSeconds == 0){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>Application.LoadLevel("colission");</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>roundedRestSeconds = Mathf.CeilToInt(restSeconds);</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>displaySeconds = roundedRestSeconds % 60;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>displayMinutes = roundedRestSeconds / 60;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>tiempoCrono.text = String.Format("{0:00}:{1:00}", displayMinutes, displaySeconds);//muestro en pantalla</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
-------------------------------------------</div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-40270917227060654802016-07-20T21:52:00.001-07:002016-07-20T21:53:33.726-07:00Script - Cronómetro descendente con UI #Unity - Down Timer UI<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVmX5Eoh1zmrXKSZRcxKVk1iQAqk4lzzM0BryRm7z_oP5njxcNZTmmS50Jbxo3ksGlarS2yDJyYkCGZAB4CljmMHrfGw0HCDDNGsWCpeuWTwIzDtDoZoOx8IbV43nKNTcBkb5c8FgcXle/s1600/CRONOMETRO+DESCENDENTE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVmX5Eoh1zmrXKSZRcxKVk1iQAqk4lzzM0BryRm7z_oP5njxcNZTmmS50Jbxo3ksGlarS2yDJyYkCGZAB4CljmMHrfGw0HCDDNGsWCpeuWTwIzDtDoZoOx8IbV43nKNTcBkb5c8FgcXle/s400/CRONOMETRO+DESCENDENTE.jpg" width="400" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">En esta entrada procedo a actualizar el código que mostré tiempo atrás en la publicación sobre <a href="http://multimedia-blog-av.blogspot.com/2015/02/script-cronometro-descendente-unity.html" target="_blank"><b>"Cronómetro descendente"</b></a> porque con las últimas actualizaciones de Unity, es más fácil trabajar el HUD o elementos que se muestran en pantalla con el apartado de <b>Interfaz de Usuario o UI</b> que trae el propio motor de Unity, por consecuente esta publicación incluye como trabajar con Canvas y Texto.</span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">El siguiente Script es formato JS o JavaScript y permite contar el tiempo de forma descendente. Para su conocimiento el Script no se encuentra modificado en su esencia, pero si actualizado al uso de UnityEngine.UI (Según el Script del cronómetro con GUI).</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">Las primeras consideraciones que debemos tener en cuenta, es incorporar al inicio del código la siguiente línea, <b>import UnityEngine.UI</b> , que permite incorporar y hacer uso de las propiedades del apartado de UI o Interfaz de Usuario.</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">Luego de eso crearemos nuestra variable que se usará para mostrar en el cuadro de dialogo, que en este script se llama <b>tiempoCrono</b>, de tipo text.</span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">En <b>function Update</b> se procede a ingresar todo el cálculo matemático para contar el tiempo y mostrar en formato de hora.</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknmjgUG0juPiNZBy78jqEm1o96cjb6cspjlXQ1JmiOZ8awvG-wQhksNOyDqfZ9yX6YF7sobhqUfe0bZgLvug31NckPTTO_xW3ukWE8AMbOXGdNW912bIh2qAYJknFoSI5R7uJCSeejujT/s1600/cronometro_descendente_ui.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknmjgUG0juPiNZBy78jqEm1o96cjb6cspjlXQ1JmiOZ8awvG-wQhksNOyDqfZ9yX6YF7sobhqUfe0bZgLvug31NckPTTO_xW3ukWE8AMbOXGdNW912bIh2qAYJknFoSI5R7uJCSeejujT/s1600/cronometro_descendente_ui.PNG" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;">Otra consideración importante es que este Script lo lleva adjunto o puesto el elemento de Text del Canvas.</span><br />
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPKg3tsrvRc8t6PmSNI9BdRFe4zAGKCvBzNyEI1ySwiYrHgeSLVcyiaFgMU4-VN3_N3QzjFwVOzMhE6p89VfRZfr6jMYQBax0ThgwqIfXsFS2Qej393h_Kul82y7DJKzZKg_vUFSr5G_v/s1600/cronometro_descendente_ui_text.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPKg3tsrvRc8t6PmSNI9BdRFe4zAGKCvBzNyEI1ySwiYrHgeSLVcyiaFgMU4-VN3_N3QzjFwVOzMhE6p89VfRZfr6jMYQBax0ThgwqIfXsFS2Qej393h_Kul82y7DJKzZKg_vUFSr5G_v/s320/cronometro_descendente_ui_text.PNG" width="272" /></a></div>
<span style="color: #444444; font-family: "verdana" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
-------------------------------------------</div>
<div style="text-align: justify;">
import UnityEngine.UI;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
private var tiempoCrono: Text; //variable para mostrar texto</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
/* variables para cronometro */</div>
<div style="text-align: justify;">
private var starTime: float;</div>
<div style="text-align: justify;">
private var restSeconds: int;</div>
<div style="text-align: justify;">
private var roundedRestSeconds: int;</div>
<div style="text-align: justify;">
static var displaySeconds: int;</div>
<div style="text-align: justify;">
static var displayMinutes: int;</div>
<div style="text-align: justify;">
var countDownSeconds: int; //cuanto dura el cronometro</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
/* function Awake se carga al iniciar el programa */</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Awake(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>tiempoCrono = GetComponent.<Text>();</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>starTime = Time.time;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Update(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>var guiTime: float = (Time.time)-(starTime);</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>restSeconds = countDownSeconds - (guiTime);</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if(restSeconds == 0){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>Application.LoadLevel("colission");</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>roundedRestSeconds = Mathf.CeilToInt(restSeconds);</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>displaySeconds = roundedRestSeconds % 60;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>displayMinutes = roundedRestSeconds / 60;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>tiempoCrono.text = String.Format("{0:00}:{1:00}", displayMinutes, displaySeconds);//muestro en pantalla</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2px;">
-------------------------------------------</div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-67146774476122559872015-08-18T18:37:00.000-07:002015-08-18T18:53:12.237-07:00#Script Mostrar cursor en pantalla de juego o cambiar cursor en pantalla<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">En algunos videojuegos se sustituye el típico icono del mouse (flecha) por iconos relacionados al juego, como por ejemplo una mano, una mira, una esfera, o cualquier otro icono que se identifique con el juego. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Por lo tanto a continuación adjunto un #script que te puede ser de mucha ayuda al momento de configurar tu proyecto.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span><br />
<a name='more'></a><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El Script se encuentra realizado en el lenguaje C#, y lo he probado en la versión 4 y corre sin ningún inconveniente, y por ende debería de funcionar sin inconveniente también en la versión 5.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El siguiente script se debe de asignar en algún gameobject vacío que haga las veces de HUD, para que no afecte en el caso que se destruya o elimine el gameobject que antes lo estaba usando.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTmdwtRsHaMlwAFExqMCZp8BgIoGRP_3TUUVVLknncULbhy7zIOnytfGOXkCrjWLULOwYMsIWhY7XMD9H1iKogdT_ZHt9ZBrxvnDANag05pLL23hLLI2bKgHj1mEXEVbkxvdnAikVATDm8/s1600/mira_blog_unity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTmdwtRsHaMlwAFExqMCZp8BgIoGRP_3TUUVVLknncULbhy7zIOnytfGOXkCrjWLULOwYMsIWhY7XMD9H1iKogdT_ZHt9ZBrxvnDANag05pLL23hLLI2bKgHj1mEXEVbkxvdnAikVATDm8/s1600/mira_blog_unity.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Luego de haberlo asignado a un empty gameobject deberás de asignar una textura, la misma que reemplazará el típico cursor (flecha).</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vdanPSdge-zo4xUxsPB0QIaC-rahwP46xIgprkJss0bXWuxUjfaDnSQ76R6v0bNTVcfffdmpeqA0twCQ9oUlKVfO-36Ii7pbSZ_zdcv7DgBxIPA-6mjKpd98XoOPpHc8FrJF0rfrOAao/s1600/script_mira_blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vdanPSdge-zo4xUxsPB0QIaC-rahwP46xIgprkJss0bXWuxUjfaDnSQ76R6v0bNTVcfffdmpeqA0twCQ9oUlKVfO-36Ii7pbSZ_zdcv7DgBxIPA-6mjKpd98XoOPpHc8FrJF0rfrOAao/s1600/script_mira_blog.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<br />
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b>* C#</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
-------------------------------------------</div>
using UnityEngine;<br />
using System.Collections;<br />
<br />
public class cursor_menu : MonoBehaviour {<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>public Texture cursorImage;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>Vector3 mousePos;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>public static Vector3 tmp;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>private RaycastHit hit;<br />
<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>void Start(){<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>Screen.showCursor = false;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>void OnGUI(){<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>mousePos = new Vector3 (Input.mousePosition.x, Input.mousePosition.y, Input.mousePosition.z);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>Rect pos = new Rect (mousePos.x - 20, (Screen.height - 20 )- mousePos.y, 50, 63);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>GUI.Label (pos, cursorImage);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
}<br />
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">-------------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-12384772870615241142015-02-14T08:59:00.000-08:002015-02-14T08:59:09.393-08:00Posición aleatoria del Player o GameObject - Random Position GameObject (Player)<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8gfg2eeziz2nWYVRdMf1VX1qIYJ9cPtTBxkJ8DZrDY9_Acyc2qgOreIKuxY4S7VwlUJWNoE-nMKWIGBE3ocoK8NH2Opi9UjnbKIpFs_MchNMyeHdADafTLg4TjDOdFQJF2jcCbSJwKxr/s1600/randomPositionPlayer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8gfg2eeziz2nWYVRdMf1VX1qIYJ9cPtTBxkJ8DZrDY9_Acyc2qgOreIKuxY4S7VwlUJWNoE-nMKWIGBE3ocoK8NH2Opi9UjnbKIpFs_MchNMyeHdADafTLg4TjDOdFQJF2jcCbSJwKxr/s1600/randomPositionPlayer.jpg" height="163" width="320" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; white-space: pre-wrap;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; white-space: pre-wrap;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; white-space: pre-wrap;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">En algunos juegos y más en los tipos de estrategia se observa que la posición del jugador cambia cada vez que se refresca o se hace reload de la escena. En otras palabras lo que deseo indicarles, es que mediante un Script podemos cambiar la posición del Player cada vez que empieza la escena.</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; white-space: pre-wrap;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; white-space: pre-wrap;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Así de esta manera el Player no podrá aprenderse el mapa (laberinto) y lo hará más interesante.</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; white-space: pre-wrap;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"></span></span></div>
<a name='more'></a><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><br />
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">El siguente Script se encuentra desarrollado en JS o JavaScript. En el mismo vamos a declarar una variable Posfinal que permitirá ubicar al player en nuestra nueva posición. Y así mismo creamos cada una de las posiciones que deseamos donde aparezca el player (pos1, pos2, pos3, pos4, etc). Estas variables son de tipo Vector3 que sirve para almacenar las coordenadas en X, Y, Z pero si quisieramos hacerlo en 2D podemos trabajar con el Vector2 que usa las coordenadas X y Y.</span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="white-space: pre-wrap;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUfy5IPUzogNxptOoHo8GaYSTmeyAbJn2azZ_AuKkxa9m3aH5uOcZ0L4RkOqHBsJ7DrsPsCwxN-x6BHIpdTwYj4fIUD2W58fjzggqsXBZEWAwjbRN8GQMV2lW-i9LY5MN7ghklLOJXs1Ah/s1600/randomPositionUnity.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUfy5IPUzogNxptOoHo8GaYSTmeyAbJn2azZ_AuKkxa9m3aH5uOcZ0L4RkOqHBsJ7DrsPsCwxN-x6BHIpdTwYj4fIUD2W58fjzggqsXBZEWAwjbRN8GQMV2lW-i9LY5MN7ghklLOJXs1Ah/s1600/randomPositionUnity.png" height="232" width="320" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="white-space: pre-wrap;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="white-space: pre-wrap;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">Este Script se lo deben de poner al GameObject o Player que desean que cambie de posición.</span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 14px; white-space: pre-wrap;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 14px; white-space: pre-wrap;"><br /></span></span></span></div>
<span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;"><br /></span>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
-------------------------------------------</div>
<span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">var posFinal;
var pos1 = Vector3(1,3,5);
var pos2 = Vector3(0,52,5);
var pos3 = Vector3(80,52,5);
var pos4 = Vector3(5,82,20);
var pos5 = Vector3(100,100,5);
var arreglo = Array(pos1, pos2, pos3, pos4, pos5);</span><br />
<span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">//Los valores del Array se cuentan desde 0 en adelante.
function Start (){
posFinal = arreglo[Random.Range(0,4)];
}
function Update (){
transform.Translate(posFinal - transform.position);
Debug.Log (posFinal); </span><span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">// muestro la posición actual</span><span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">
}</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">-------------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><div style="text-align: justify;">
Si deseamos trabajar en un random de coordenadas de forma aleatoria entre un rango de posiciones podemos usar el siguiente script. En el cual posfinal toma los valores del Vector3 (x, y, z) y en cada uno usamos la opción de Random.Range (valor rango inicial , valor rango final). De esta manera cada vez que inicie la escena la posición del objeto que tenga el Script cambiará entre el rango de posiciones que se ha asignado.</div>
</span><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
-------------------------------------------</div>
<span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">var posFinale;
function Start (){
//pos x, y, z
posFinal = Vector3(Random.Range (-17.0f,18.0f),Random.Range (-10.0f,11.0f),</span><span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">Random.Range (-20.0f,1.0f)</span><span style="background-color: white; font-family: 'Courier New', Courier, monospace, arial, sans-serif; font-size: 14px; white-space: pre-wrap;">);
}
function Update (){
transform.Translate(posFinal - transform.position);
Debug.Log (posFinal); // muestro la posición actual
}</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">-------------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-83618017766676654262015-02-04T13:26:00.005-08:002015-02-04T13:26:48.655-08:00#Script Cronometro descendente #Unity - Down Timer<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfNaY9GzloU09D6RGE-Ug-xq1zIbnzEM2nJdfY8U586yunad4T0FQ8zJk2Fi4-M6Z0P_3v_hfTgwRv6k77cL0tt_tfHzFPNx52c8tAPW84AIgfLXsghzmh13xr7aqxhAKb23Mf_DUu1sJz/s1600/CRONOMETRO+DESCENDENTE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfNaY9GzloU09D6RGE-Ug-xq1zIbnzEM2nJdfY8U586yunad4T0FQ8zJk2Fi4-M6Z0P_3v_hfTgwRv6k77cL0tt_tfHzFPNx52c8tAPW84AIgfLXsghzmh13xr7aqxhAKb23Mf_DUu1sJz/s1600/CRONOMETRO+DESCENDENTE.jpg" height="163" width="320" /></a></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative; text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El siguiente script es de formato *js o JavaScript y permite contar el tiempo de forma descendente.</span></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative; text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative; text-align: justify;">
<span style="line-height: 18.2000007629395px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Muy útil cuando deseas controlar el tiempo que transcurre en una escena. Este script te permite darle un tiempo de vida a la escena, por ejemplo en el juego de Mario Bros los usuarios tienen un tiempo límite para completar el nivel o sino mueren. </span></span></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative;">
<span style="line-height: 18.2000007629395px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span></span></div>
<a name='more'></a><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><br />
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative; text-align: justify;">
<span style="line-height: 18.2000007629395px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El siguiente código se lo pueden poner a algún gameobject vació o a cualquier elemento que se encuentre en la escena.</span></span></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative; text-align: justify;">
<span style="line-height: 18.2000007629395px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="background-color: white; font-stretch: normal; margin: 0px; position: relative; text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="line-height: 18.2000007629395px;"><span style="color: #444444;">Si deseas realizar un cronómetro ascendente, puedes revisar la publicación: </span><a href="http://multimedia-blog-av.blogspot.com/2013/11/unity-script-para-cronometro-ascendente.html"><span style="color: #0b5394;"><b>Cronómetro ascendente</b></span></a><span style="color: #444444;"> en este mismo blog.</span></span></span></div>
<div style="background-color: white; color: #444444; font-stretch: normal; margin: 0px; position: relative;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
-------------------------------------------</div>
<br />
private var startTime: float;<br />
private var restSeconds : int;<br />
private var roundedRestSeconds : int;<br />
static var displaySeconds : int;<br />
private var displayMinutes : int;<br />
var text;<br />
var countDownSeconds : int; // en esta variable se indica cuando segundos durará el nivel<br />
<br />
function Awake() {<br />
startTime = Time.time;<br />
}<br />
<br />
function OnGUI () {<br />
var guiTime : float = (Time.time) - (startTime);<br />
restSeconds = countDownSeconds - (guiTime);<br />
<br />
if (restSeconds == 0) {<br />
Application.LoadLevel("GameOver"); // al llegar a cero, cambio de nivel<br />
}<br />
<br />
//Muestro el cronómetro<br />
roundedRestSeconds = Mathf.CeilToInt(restSeconds);<br />
displaySeconds = roundedRestSeconds % 60;<br />
displayMinutes = roundedRestSeconds / 60;<br />
<br />
text = String.Format ("{0:00}:{1:00}", displayMinutes, displaySeconds);<br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"> GUI.Label (Rect (400, 25, 100, 30), text); //dibuja el tiempo en pantalla</span><br />
}<br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">-------------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-88931750129967053302015-01-24T08:45:00.002-08:002015-01-24T08:45:55.611-08:00#Script 2D Character Controller Unity - Controlador de Player en 2D<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVu9vwMPyQb34mIRAsZBDCdngMGdNZEkHt6ps2HJmYghbLjCHCkMP-XRbEBwxFehXOsonFnUcIyD26yrkQ__nNg9MVQkT0ImDZ1eJmUmSBLOhX2Jg7EZbCewjcMO-oJJaU-JVFNDCCerSO/s1600/2D+CHARACTER+CONTROLLER.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVu9vwMPyQb34mIRAsZBDCdngMGdNZEkHt6ps2HJmYghbLjCHCkMP-XRbEBwxFehXOsonFnUcIyD26yrkQ__nNg9MVQkT0ImDZ1eJmUmSBLOhX2Jg7EZbCewjcMO-oJJaU-JVFNDCCerSO/s1600/2D+CHARACTER+CONTROLLER.jpg" height="163" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="color: #444444; font-size: 13px; line-height: 18.2000007629395px;">Como se habrán dado cuenta en #Unity al momento de crear un proyecto nuevo nos permite importar los controles de </span><span style="background-color: transparent; font-size: 13px; line-height: 18.2000007629395px;"><span style="color: #444444;">Character Controller dentro de los cuales contamos con los #Scripts de la 1era. Persona (FPC-First Person Controller) y 3ra. Persona (</span></span><span style="background-color: transparent; font-size: 13px; line-height: 18.2000007629395px;"><span style="color: #444444;">3rd Person Controller</span></span><span style="background-color: transparent; color: #444444; font-size: 13px; line-height: 18.2000007629395px;">). </span></span></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both;">
<br /></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent;"><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Estos Assets nos ahorran tiempo al momento de programar un juego ya sea en tercera o en primera persona. Pero <b>¿Qué pasa cuando necesitamos realizar nuestro juego en 2D, osea que solo el Player se vea afectado en las coordenadas X y Y?</b>.<a name='more'></a></span></span></span></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent;"><span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYTGLnUssKMqySpUt0LTMQvEB2FYGq0kCECnntHN_8VrItJIXyyS-rs7s_405L7Nu74L4Ysd8Xj3QiO9aYsLakHiMDsUAQQifsHcyWEhAQ9s7IbAacpYvd-ppgPAxYkMqBV6Osb9_aVt6/s1600/characterControllerUnity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYTGLnUssKMqySpUt0LTMQvEB2FYGq0kCECnntHN_8VrItJIXyyS-rs7s_405L7Nu74L4Ysd8Xj3QiO9aYsLakHiMDsUAQQifsHcyWEhAQ9s7IbAacpYvd-ppgPAxYkMqBV6Osb9_aVt6/s1600/characterControllerUnity.jpg" height="320" width="247" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent;"><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Para resolver ese inconveniente a continuación adjunto el Script del Controller 2D, el mismo que lo puedes encontrar también en el sitio oficial de Unity.</span></span></span></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent;"><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></span></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent;"><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Para usar este Script debemos de realizar los siguientes pasos:</span></span></span></div>
<div class="separator" style="background-color: white; clear: both;">
<span style="background-color: transparent;"><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></span></div>
<div class="separator" style="background-color: white; clear: both;">
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Crear una Scene nueva, en la cual vamos a poner dos cubos, uno que asemeje al piso, y el otro que será nuestro Player.</span></span></li>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Para habilitar la vista en 2D, debemos de dar clic en la parte superior de la ventana de Scene donde se encuentra el icono "2D" al habilitar este icono, la vista de la cámara se hará plana y en los ejes solo podremos usar en X y Y.</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzOwlSWPV4cnyjOK3lBzcx9g-dzhKo9TgCyNBxoIIslKxbE3SILcmQcDhOQUQxIgmaKymeP53XpfspTsw_9N1kWCoF-oqMcYyjKJE-z6zkPsHeM1Ap02gsYIbz6qDXtZVmyusOhyphenhyphen1KZ-CE/s1600/characterControllerUnity_2d.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzOwlSWPV4cnyjOK3lBzcx9g-dzhKo9TgCyNBxoIIslKxbE3SILcmQcDhOQUQxIgmaKymeP53XpfspTsw_9N1kWCoF-oqMcYyjKJE-z6zkPsHeM1Ap02gsYIbz6qDXtZVmyusOhyphenhyphen1KZ-CE/s1600/characterControllerUnity_2d.jpg" /></a></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<ul>
<li><span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Todos los objetos que nosotros colocamos en Unity vienen con la propiedad BoxCollider la misma que afecta en los 3 ejes (X, Y, Z) por lo tanto para usarlos con el controller 2D deberemos de eliminarlos y usar las mismas propiedades pero en 2D. Para usar las propiedades en 2D, deben de ir a al menú/Component/Physics 2D y seleccionar el comportamiento que deseen.</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyvE5q-lZlBqd5uSBTtb8QA1YTOIwO3ZleJGWKv5qvpGx2TnWjyATF8tUgNlpoRIiVjDMb0cAYnnj4fgb3TfDXCd9GhSlqliSIIJGR51Nopbe2sI3OVFx7echSgNWgbpFA13c1AOSHTLK5/s1600/Menu_2d.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyvE5q-lZlBqd5uSBTtb8QA1YTOIwO3ZleJGWKv5qvpGx2TnWjyATF8tUgNlpoRIiVjDMb0cAYnnj4fgb3TfDXCd9GhSlqliSIIJGR51Nopbe2sI3OVFx7echSgNWgbpFA13c1AOSHTLK5/s1600/Menu_2d.jpg" height="257" width="320" /></a></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<ul>
<li><span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">Para el cubo que va a ser de Player le asignaremos el Componente / Physics2D , Rigibody2D (para que caiga y se vea afectado por la gravedad) y BoxCollider (para que colisione con el piso), y para el cubo que hará de piso le pondremos el compomenente BoxCollider.</span></span></li>
</ul>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<ul>
<li><span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">La escena nos debe de quedar de la siguiente forma: <b><i>1 Cubo Player, 1 Cubo Piso</i></b>. Como se dan cuenta en la siguiente imagen he colocado una esfera del lado derecho para que simule como si fuera la boca. Esto lo hago porque el Script facilita que cuando el Cubo retroceda la "boca" también se cambie de posición facilitando mayor fluidez en el movimiento y realismo. Esta esfera la ponemos como hijo del Player.</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdwbq5I_fiAbbgExEVQXU59r9H7ZGlalsuDWC580TyyolplMSBDi82FZKxdk8B2fgj-k9zokRWt_KIuX-Yz_d-ekhoLAZH3W50h13OoyHGZtznxoAca7pqEbsdyJ_IWnHFbwuEaTlOF6h/s1600/characterControllerUnity_2d_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdwbq5I_fiAbbgExEVQXU59r9H7ZGlalsuDWC580TyyolplMSBDi82FZKxdk8B2fgj-k9zokRWt_KIuX-Yz_d-ekhoLAZH3W50h13OoyHGZtznxoAca7pqEbsdyJ_IWnHFbwuEaTlOF6h/s1600/characterControllerUnity_2d_2.jpg" height="200" width="188" /></a></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
</div>
<div>
<ul>
<li><span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">Una vez que tenemos nuestro escenario como se muestra en la imagen, procederemos a crear el Script en C#.</span></li>
</ul>
</div>
<div>
<br /></div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">* C#</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif;">-------------------------------------------</span></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
</div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.2000007629395px;">
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">using UnityEngine;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">using System.Collections;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">public class Controlador2D : MonoBehaviour {</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>public float maxSpeed = 10f;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>bool facingRight = true; //posicion de la cara</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>bool grounded = false; //tome con el piso</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>public Transform groundCheck;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>float groundRadius = 0.2f;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>public LayerMask whatIsGround; //gameobject vacio que sirve de guia</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>public float jumpForce = 400f; //fuerza de salto</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>void FixedUpdate () {</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//para que salte</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>grounded = Physics2D.OverlapCircle (groundCheck.position, groundRadius, whatIsGround);</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//para que se mueva</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>float move = Input.GetAxis ("Horizontal");</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>rigidbody2D.velocity = new Vector2 (move * maxSpeed, rigidbody2D.velocity.y);</span></div>
<div style="line-height: normal;">
<span class="Apple-tab-span" style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small; white-space: pre;"> </span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (move > 0 &&!facingRight){</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Flip();</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (move < 0 && facingRight){</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Flip();</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//voltea la cara al lugar del movimiento</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>void Flip(){</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>facingRight = !facingRight;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Vector3 theScale = transform.localScale;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>theScale.x *= -1;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>transform.localScale = theScale;</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>void Update () {</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (grounded && Input.GetKeyDown(KeyCode.Space)){</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>rigidbody2D.AddForce(new Vector2 (0,jumpForce));</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div style="line-height: normal;">
<span class="Apple-tab-span" style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small; white-space: pre;"> </span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></div>
<div style="line-height: normal;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">}</span></div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18.2000007629395px;">-------------------------------------------</span></div>
<br />
<br />
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Luego de asignar el Script al Player (Cubo) podemos observar que necesitamos llenar la variable "</span><span style="background-color: white; color: #444444; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;">groundCheck" en la cual le pondremos el tome o límite del player, en otras palabras es límite donde termina los pies del player. Esto sirve para que Controllador sepa sobre que debe de pararse (el piso).</span></li>
</ul>
<div>
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Para crear la zona del "grounded" o pies, vamos a crear un GameObject vacío al que llamaremos "Pies" y en la ventana del Inspector del GameObjecto vacío le cambiaremos la visualización del icono al azul, para poder visualizarlo en la escena.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmgp4eVGdGzMAjtEeGN_f5fEqa2YMvYR0TVCZGMsJXk0kFU34YYRFUBazBLQY05HG9tJYccyEnj2Sr94yLmayMisKniZw1GAf3ahhR9kjS8EbbEPhn_LBfaCPUDwNO92mTeDQxE7tNipaI/s1600/characterControllerUnity_2d_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmgp4eVGdGzMAjtEeGN_f5fEqa2YMvYR0TVCZGMsJXk0kFU34YYRFUBazBLQY05HG9tJYccyEnj2Sr94yLmayMisKniZw1GAf3ahhR9kjS8EbbEPhn_LBfaCPUDwNO92mTeDQxE7tNipaI/s1600/characterControllerUnity_2d_3.jpg" /></a></div>
<div>
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">El GameObject vacío que hemos llamado Pies lo colocamos debajo del Cubo-Player para que indique cual es el límite del Player, y en otras palabras para que sepa donde se encuentran los pies de nuestro Player. Este GameObject lo ponemos como hijo del Player.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitXbXEHHoWHRJ07a0eAah5uSwJppfEbBSv0spJRsPiPo4nyUYpMWyjigraapUDqmR-4cNWyzoqZzPhcpuYa72KtEZG7Rb4aT_8nKqt_mTpvK8M7S53obwVlRSyJqKwgzM6QIb9jA7xwUXT/s1600/characterControllerUnity_2d_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitXbXEHHoWHRJ07a0eAah5uSwJppfEbBSv0spJRsPiPo4nyUYpMWyjigraapUDqmR-4cNWyzoqZzPhcpuYa72KtEZG7Rb4aT_8nKqt_mTpvK8M7S53obwVlRSyJqKwgzM6QIb9jA7xwUXT/s1600/characterControllerUnity_2d_7.jpg" height="195" width="400" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5hSv7HGsJNR6Dn-a3t1THRY9pbTPEFzO1eP_E09UuM8EWtiUrvbi0CgJcOpDlJvTq6mJv58LAjtBx4aWpctVE0YXz4JkwyfgaYFfE48iQBhIzFkpUKTmLjqqZzmQgqzYF3kV2e8rqPIT/s1600/characterControllerUnity_2d_4.jpg" imageanchor="1" style="display: inline !important; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5hSv7HGsJNR6Dn-a3t1THRY9pbTPEFzO1eP_E09UuM8EWtiUrvbi0CgJcOpDlJvTq6mJv58LAjtBx4aWpctVE0YXz4JkwyfgaYFfE48iQBhIzFkpUKTmLjqqZzmQgqzYF3kV2e8rqPIT/s1600/characterControllerUnity_2d_4.jpg" height="200" width="163" /></a></div>
<div>
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Al Player le asignaremos el <b>Layer</b> "Player", sino está creado procederemos a crear el Layer necesario. Una vez asignado el Layer Player, nos consultará si deseamos que todos los objetos hijos del Player deben de tener el mismo Layer, para lo que indicaremos que sí.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiElkcal2xuJQq0Ehv5PzTLwxTzNAkORGTzJRdY52LrOEZ6Q659MaIQIir0HeEe-UE8-XO592Q4FR8gGe9SwhZzkMK0gu-mvDvQ9wk8wyHmvs8b8aJw__YhY9zBG7kGshJfUxSGEn7emHtA/s1600/characterControllerUnity_2d_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiElkcal2xuJQq0Ehv5PzTLwxTzNAkORGTzJRdY52LrOEZ6Q659MaIQIir0HeEe-UE8-XO592Q4FR8gGe9SwhZzkMK0gu-mvDvQ9wk8wyHmvs8b8aJw__YhY9zBG7kGshJfUxSGEn7emHtA/s1600/characterControllerUnity_2d_5.jpg" height="131" width="320" /></a></div>
<div>
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Ahora si procedemos a indicar los valores en el script del Player, como se muestra en la imagen adjunta. En la variable "Ground Check" le asignamos nuestro GameObject vacío llamado "Pies". La variable "JumpForce" significa la fuerza del salto del Player. Hasta aquí ya podemos mover nuestro Player de derecha a izquierda, y la esfera (cara), se volteará al lugar donde nos estamos moviendo.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1W3Pt2SXbuPKc1IXq3pc9zgC9dWOeLUPvz6P1PE_ckKXcVKFC3_hDCzsytQ-MEzz4lHXOvvwULEt2ax7cpMC8YFJVEPgHgKrhCdPnzzCpN93sxPBIZWOWjfZqb7LOTEgJJoXsquBUCIs/s1600/characterControllerUnity_2d_8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1W3Pt2SXbuPKc1IXq3pc9zgC9dWOeLUPvz6P1PE_ckKXcVKFC3_hDCzsytQ-MEzz4lHXOvvwULEt2ax7cpMC8YFJVEPgHgKrhCdPnzzCpN93sxPBIZWOWjfZqb7LOTEgJJoXsquBUCIs/s1600/characterControllerUnity_2d_8.jpg" height="400" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Para que el Player pueda saltar debemos de modificar la variable "What Is Ground", en este momento nuestra variable está con el valor "Nothing" para lo cual abriremos las opciones y seleccionaremos "Everything", y luego abriremos de nuevo la opción y le quitamos el Check a Player. Y en la variable ahora apara el texto "Mixed".</span></li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9KYV3G9TtjeAzw82QkuoHoATAdBoKGAFze08siBbCbqsf3llWpVH78Pif2ZWDXNHS3arRaE3Os2oA0yiCxyPFCj0qIrtpcg5aJUv67wtiyDV57tKsooLhOO7C2xA0O_wuIjuy-n8c5JR/s1600/characterControllerUnity_2d_9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY9KYV3G9TtjeAzw82QkuoHoATAdBoKGAFze08siBbCbqsf3llWpVH78Pif2ZWDXNHS3arRaE3Os2oA0yiCxyPFCj0qIrtpcg5aJUv67wtiyDV57tKsooLhOO7C2xA0O_wuIjuy-n8c5JR/s1600/characterControllerUnity_2d_9.jpg" height="200" width="195" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZ6GYJOloUoWWsLQ9jUAmTA8HSJjIUmj3qtms18NVBj-pckeCwXAjA9tG26svhVLKfPg7iI6IbSG2XyPp4Xb-Ehtk3clTm6AVZuG057fTs1JhAecfo6OG3CwWb4qHFNHWX0PLJ8xLG9cg/s1600/characterControllerUnity_2d_10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZ6GYJOloUoWWsLQ9jUAmTA8HSJjIUmj3qtms18NVBj-pckeCwXAjA9tG26svhVLKfPg7iI6IbSG2XyPp4Xb-Ehtk3clTm6AVZuG057fTs1JhAecfo6OG3CwWb4qHFNHWX0PLJ8xLG9cg/s1600/characterControllerUnity_2d_10.jpg" height="199" width="200" /></a></div>
<div>
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<br />
<div>
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div>
<ul>
<li><span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">Luego de realizar ese cambio nuestro Player ya podrá saltar.</span></li>
</ul>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #444444;">El link original del procedimiento que he indicado en la parte superior lo encuentras en </span><a href="http://unity3d.com/learn/tutorials/modules/beginner/2d/2d-controllers"><b><span style="color: #0b5394;">LINK</span></b></a><span style="color: #444444;">.</span></span></div>
</div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #444444;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dzuu6xsp33eug08QrP-fWq8G9wAtuLKLttEvcox4cLXWjxXNzwo8ELOfVsXg3ZQdTLMW7tw0qJ0vMSpZwJfVQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #444444;"><br /></span></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #444444;">Si tienes alguna consulta, no dudes en escribirme.</span></span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-58182129647665910292014-12-12T07:19:00.000-08:002014-12-12T07:19:21.626-08:00Control de Super Nintendo o Snes en CSS3 y HTML5 animado - Snes Controller <div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El diseño minimalista o como muchos diseñadores lo llaman por darle otro nombre estilizado se ha visto muy presente en el año 2014, tanto en sitios webs como en juegos para móviles y para el diseño en general.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQM3-yjzDbNxM2iwfMH5FwJe07MnqhmjaWCQubIu8rr1IqIhKhDnmz7YbE3-UiwvyCZ9cAgK7J8-5cr7ZP903hMxroTPn1mwa4ve0C4ETmPdp5CTDi6iaEq4Yk2KpmVZIdMj0CLdzwT5D/s1600/control_snes.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQM3-yjzDbNxM2iwfMH5FwJe07MnqhmjaWCQubIu8rr1IqIhKhDnmz7YbE3-UiwvyCZ9cAgK7J8-5cr7ZP903hMxroTPn1mwa4ve0C4ETmPdp5CTDi6iaEq4Yk2KpmVZIdMj0CLdzwT5D/s1600/control_snes.png" height="195" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Por ese motivo es que he encontrado un diseño amigable y animado de la antigua palanca de Super Nintendo (Snes) que tuvo su debut en el año de 1992. Dentro de sus juegos más populares encontramos: Zelda, Yoshi`s Island, Super Metroid, Super Mario World, Street Fighter II, Donkey Kong Country, Mega Man X, entre otros.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span></div>
<a name='more'></a><br />
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El siguiente código está desarrollado en CSS3 y HTML5, claro está que posee animación y se puede dar clic en los botones. El código fue tomado del siguiente <a href="http://codepen.io/anon/pen/dPMRmB"><b><span style="color: #0b5394;">link</span></b></a> y el trabajo pertenece a Secret Sam.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;">*HTML</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;">---------------------------------------</span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><div class="controler"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="left"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="middle"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="right"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="left2"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="circle"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="horizontal"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="vertical"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="middle2"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="select"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="start"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="right2"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="circle"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="top"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <button class="green"></button></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <button class="blue"></button></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <div class="bottom"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <button class="orange"></button></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> <button class="red"></button></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="background-color: white; font-size: 13px; line-height: 18.2000007629395px; text-align: start;"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> </div></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;">---------------------------------------</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;"><br /></span></div>
<div style="text-align: justify;">
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;">*CSS3</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;">---------------------------------------</span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@mixin animation ($delay, $duration, $animation, $infinite) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -webkit-animation-delay: $delay;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -webkit-animation-duration: $duration;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -webkit-animation-name: $animation;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -webkit-animation-iteration-count:$infinite;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -moz-animation-delay: $delay;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -moz-animation-duration: $duration;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -moz-animation-name: $animation;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -moz-animation-iteration-count:$infinite;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -o-animation-delay: $delay;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -o-animation-duration: $duration;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -o-animation-name: $animation;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -o-animation-iteration-count:$infinite;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> animation-delay: $delay;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> animation-duration: $duration;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> animation-name: $animation;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> animation-iteration-count:$infinite;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@mixin forward($forward) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -webkit-animation-fill-mode:$forward; /*Chrome 16+, Safari 4+*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -moz-animation-fill-mode:$forward; /*FF 5+*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -o-animation-fill-mode:$forward; /*Not implemented yet*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -ms-animation-fill-mode:$forward; /*IE 10+*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> animation-fill-mode:$forward; /*when the spec is finished*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@mixin keyframes($name) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @-webkit-keyframes #{$name} {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @content;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @-moz-keyframes #{$name} {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @content;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @-ms-keyframes #{$name} {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @content;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @keyframes #{$name} {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @content;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(body) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 80% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: -5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #d5e1bb;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(cicle) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 80% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(1.1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(ciclesss) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 80% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(1.1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(select) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(0) rotate(55deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // top: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // left: 190px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 80% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(1.1) rotate(55deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // top: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // left: 190px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(1) rotate(55deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // top: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // left: 190px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(ciclerotate) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(0deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -56px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 97% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(1080deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 0px 0px 0px #27376a;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -56px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100%{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(1080deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 4px 0px 0px #27376a;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -60px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(ciclerotate2) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(0deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -21px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 97% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(1080deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 0px 0px 0px #27376a;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -21px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100%{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(1080deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 4px 0px 0px #27376a;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -25px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">@include keyframes(op) {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 0% {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> opacity: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> 100%{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> opacity: 1;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">body{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #E1A14C;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">.controler{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 300px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 700px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin: 0 auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .left{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: 40px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .right{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> float: right;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: 40px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .middle{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 430px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 250px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: 40px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .left2{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 20px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 0s, 0.4s, body, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .circle{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 160px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 160px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: 1px solid #f8fcfa;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> overflow: hidden;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> z-index:1;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow:inset 0 2px 0 1px #82859d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(0,0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 1.8s, 1s, cicle, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .horizontal{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 120px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 4px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #3e4a78;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -25px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-left: -60px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: inset 0 -4px 0px 0px #27376a;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 1.8s, 5s, ciclerotate2, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .vertical{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 120px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 4px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #3e4a78;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-top: -60px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> margin-left: -25px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: inset 0 -4px 0px 0px #27376a;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 1.8s, 5s, ciclerotate, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .right2{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 280px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> right: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 20px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // z-index:1;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 0s, 0.4s, body, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .circle{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 250px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 250px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #91899d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: 1px solid #f8fcfa;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> overflow: hidden;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: translate( -50%, -50%) scale(0,0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 1s, 1s, cicle, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .top{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 59px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 34px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: 1px solid #f8fcfa;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(-34deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 70px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 24px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #d5e1bb;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> opacity: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 2s, 1s, op, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .green{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #539f89;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> cursor: pointer;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 4px 0px 0px #2c8475;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 3.6s, 1s, ciclesss, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:active{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 2px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 0px 0px 0px #2c8475;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:visited, &:focus{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .blue{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #4e83c7;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 35px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> cursor: pointer;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 4px 0px 0px #2868a7;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 3.2s, 1s, ciclesss, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:active{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 32px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 0px 0px 0px #2868a7;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:visited, &:focus{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .bottom{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 59px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 34px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: 1px solid #f8fcfa;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(-34deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 120px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 84px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #d5e1bb;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> opacity: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 2.5s, 1s, op, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .orange{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #e1a14c;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> cursor: pointer;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 4px 0px 0px #da7e46;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 2.8s, 1s, ciclesss, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:active{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 2px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 0px 0px 0px #da7e46;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:visited, &:focus{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .red{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 50%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b3586e;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 35px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> cursor: pointer;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(34deg) scale(0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 4px 0px 0px #882644;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 2.4s, 1s, ciclesss, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:active{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 5px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 32px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: 0 0px 0px 0px #882644;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:visited, &:focus{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> outline:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .middle2{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 430px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 250px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #b1a1a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 20px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> // z-index:1;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 0s, 0.4s, body, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .select{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 17px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 8px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #3e4a78;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: 1px solid #f8fcfa;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: inset -1px -1px 0px 1px #0a1a51;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(55deg) scale(0, 0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 2.8s, 1s, select, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> cursor: pointer;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:active{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: inset 0px 0px 0px 0px #0a1a51;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 141px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> .start{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> height: 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> width: 17px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> display: inline-block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border-radius: 8px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> background: #3e4a78;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> border: 1px solid #f8fcfa;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> position: relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 140px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> left: 190px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> -webkit-box-shadow: inset -1px -1px 0px 1px #0a1a51;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: inset -1px -1px 0px 1px #0a1a51;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> transform: rotate(55deg) scale(0, 0);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include animation( 1.8s, 1s, select, 1);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> @include forward( forwards );</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> cursor: pointer;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> &:active{</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> box-shadow: inset 0px 0px 0px 0px #0a1a51;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> top: 141px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;"> }</span></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="background-color: white; font-size: 13px; line-height: 18.2000007629395px; text-align: start;"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 13px; line-height: 18.2000007629395px;">}</span></span></div>
<div>
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px; text-align: start;">---------------------------------------</span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-82781813963122433272014-11-20T10:23:00.000-08:002014-11-20T10:23:56.660-08:00Pixel Art Arbol de Navidad - Pixel Art Christmas Tree Animado con CSS3 y HTML5<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Aprovechando la época navideña que se acerca dejo por aquí un elemento que podemos usar en nuestras páginas para ponerlas un poco navideñas. Un árbol de Navidad animado con CSS3 y HTML5.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El siguiente código muestra : Efecto de nieve cayendo, luces parpadeando, la estrella de navidad en la punta llamando la atención. En otras palabras es un excelente recurso a usar.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphdjoMHL8jzZ7dyMNZ3qyu_65AfxkNCWH5xa9z3wNX2z3biTUisDtjaoRiY-5lMzMNw37HjS5LbNoODOjjPG6VwQZ21CMPDHRCoQfHZ9oMEnFzKQxKPXomank9a8hS2Fr8vQ9TUFV8G38/s1600/css_pixel_navidad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphdjoMHL8jzZ7dyMNZ3qyu_65AfxkNCWH5xa9z3wNX2z3biTUisDtjaoRiY-5lMzMNw37HjS5LbNoODOjjPG6VwQZ21CMPDHRCoQfHZ9oMEnFzKQxKPXomank9a8hS2Fr8vQ9TUFV8G38/s1600/css_pixel_navidad.jpg" height="263" width="320" /></a></div>
<a name='more'></a><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Puedes revisar el código original en el siguiente <span style="color: #0b5394;"><a href="http://codepen.io/dodozhang21/pen/imIvg">link</a>.</span></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="color: #0b5394;"><br /></span></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*HTML</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><div class="xmasTree"></div></span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*CSS</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$gray : #4b4b4b;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$yellow : #f5cd2d;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$blue : #96cbcf;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$darkerYellow : #d8ba00;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$red : #eb0000;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$green : #649632;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$darkerGreen : #2d8434;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">$tan : #aa782c;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">// keyframes mixin</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@mixin keyframes($name) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @-webkit-keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @content; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @-moz-keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @-ms-keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@mixin animate($name, $time:1s, $algor:linear, $delay:"", $loop:infinite,$fill:"") {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation: #{$name} $time $algor #{$delay} $loop #{$fill};</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-animation: #{$name} $time $algor #{$delay} $loop #{$fill};</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-ms-animation: #{$name} $time $algor #{$delay} $loop #{$fill};</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>animation: #{$name} $time $algor #{$delay} $loop #{$fill};</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@mixin transform($transform) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-transform: $transform;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-transform: $transform;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-transform: $transform;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform: $transform;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@mixin icon($size) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> display: block;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-size: $size;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> line-height: $size;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height: $size;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width: $size;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@include keyframes(flash) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 10% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> /* opacity: 0.5; */</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @include transform(scale(0.5,0.5));</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.xmasTree:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-family: FontAwesome;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> content: '\f005';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> color: $yellow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @include icon(60px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> left: -20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @include animate($name:flash, $algor:ease, $fill:forwards);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.xmasTree {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @include animate($name:xmasTree, $fill:forwards);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width: 1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height: 1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top: 30%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> left: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> box-shadow:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0 3em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 4em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 5em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 6em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 7em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 9em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 9em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 9em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 11em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 13em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 13em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 13em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 14em 0 0 $tan</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background-color: #6b92b9; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCN0Y1NTYyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU1MTk3OTQyMjc0MTFFMUFCRDRFQUNEMjAzMjJFMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUI3RjU1NDIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUI3RjU1NTIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhaMNc4AABHpSURBVHja7N3BTlzXlgbgTQQIImCQjEx6QvkhOjOTif0KhgcId9C6L5NJkwcAP0LjSWDS/RSGUZdHyQAjg0ykumt17bquHFO+bVwF51R9n7QU1TlSLG8MP3vvdfZZGgwGBQDotm8MAQAIdABAoAMAAh0AEOgAINABgNZYNgQAM7EStRm1HnUd9S7q1rAg0AG6YyNqN2o/qhf1Juo46jTqyvAwC0sOlgGYqtWo51GHUdtj1/tRB1EnZurMgj10gOnKZfa9RpiX+jmvbxkiBDpA+62V4TL7XXr1Pgh0gJbLBrjzCfcu6n0Q6AAtl01v2QDXb1zPz0dFUxwzoikOYPrGu9x36sw8w/ysDB9fA4EO0BHZ7Z4Ncrln7jl0BDoA8K/ZQwcAgQ4ACHQAQKADAAIdAAQ6ACDQAQCBDgAIdAAQ6ACAQAcABDoAINABQKADAAIdABDoAIBAB4A5tjyj/+9K1FbUWtR11LuoP6MGhhwAuhHom1HPovaielEXUUdRZzXYAYApWxoMpjppzpn5i6jDqO2x6/2og6iTqFvDDgDTNe099M06M99uXN+u1zcNOQC0P9DXy3CZ/S5P630AoOWBflOGe+Z3eVPvAwAtD/TLqOMy3DMf16/XLw05AEzftJvi0kbUbvnY5X5ew/w06sqQA0A3Aj2tlmEDXD6Hnsvs+bjaB8MNAN0KdADgATn6FQAEOgAg0AEAgQ4ACHQAEOgAgEAHAAQ6ACDQAUCgAwACHQAQ6ACAQAcAgQ4ACHQAQKADAAIdAAQ6ACDQAQCBDgAIdAAQ6ACAQAcABDoAINABQKADAF2xbAhgplajNqLWo66jrqI+GBZAoEN3ZJDvRu1FPY16E3UcdVqDHWBqlgaDgVGA6VuJehF1GLU9dv1t1M9RJ1G3hgmYFnvoMBtbdWa+3bj+pF7fNESAQIf2yz3z3oR7vXofQKBDy72POp9w76IMG+QABDq0XDa9ZQPc28b1ftRR1DtDBEyTpjiYnfEu916dsetyBwQ6dFA+h54NcGtRN3Vm7jl0QKADAJ+yhw4AAh0AEOgAgEAHAAQ6AAh0AECgAwBT5H3owNfKV8Xm4Tn5whmH54BABzrI8bbQEk6KA75mZv4i6tcyfM/7SL6A5m9R/xV1a5jgYdhDB+4rl9n3G2GetqNe1vuAQAdaLvfMdybcy+X3bw0RCHSg/a7LcM/8Lnn9vSECgQ60X3azZwNcv3G9X6+/M0TwcDTFAV8j98mflU+73M8EOgh0oFuy230raq0Mn0O/jPozyg8XEOgAwJewhw4Ac8BJcd00ftRmdhrniVyO2gQQ6HTIpCak0+KoTYCFZQ+9W1ajnkcdluFpXCP5mNBB1GszdYDFZA+9e7Pz/UaYl/p5rzhqE0Cg0wn5WNDnjtpcN0QAAp32y2d8Jx21eVEctQkg0OmEPLDjrqM230YdFSdzASwsTXHdsxG1Wz52uV/UMD8tutwBBDqdMjpqc/Qces7MdbcDCHQAoMvsoQOAQAcABDoAINABAIEOAAIdABDoAIBABwAEOgAIdABAoAMAAh0A+NSyIQCATlmN2oxai7op9Y2bAh0AuiOD/FnUXlQv6jzqOOosX5+aSe9d2gDQ/pn586jDqO2x6/2ov31T0x4AaP/sfK8R5qV+fpmBvmaMAKD1Mq97E+71MtBvjBEAHbcS9V3UD1Hf18/z5jrqYsK982yKe+ffAQAdthG1W+5oFJuzjLuKOirDprjmHvpxNsX5pwBAl2fmL8rdjWIHUSdRt3P09x11ue/XX17e1F9eTgU6AF2Wy+u/1Nl5Uwbdf0T9MYe/xGyV4Z76dZ25ew4dgE7LUNuZcC9nsOtz+HfOFYffmxcd/QpAl+UM9XzCvby+MI3fAh2ALsumt1xa7zeu5+ejskCN3/bQAei68UaxnTK/Xe4CHYC5l8ei5uNruWd+XYP8dpEGQKADwBywhw4AAh0AEOgAgEAHAAQ6AAh0AECgAwACHQAQ6AAg0AEAgQ4ACHQAQKADgEAHAAQ6ACDQAQCBDgACHQAQ6ACAQAcABDoACHQAQKADAAIdABDoACDQAQCBDgAIdABAoAOAQAcABDoAINABAIEOAAIdABDoAIBABwAEOgAIdABAoAMAAh0AEOgAINABAIEOAAh0AECgAwACHQAEOgAg0AEAgQ4ACHQAEOgAgEAHAAQ6ACDQAUCgAwACHQAQ6ACAQAcAgQ4ACHQAQKADAJ+xbAiABbMStRW1FnUTdRl1a1gQ6ADdsRG1G7UftRN1HnUcdRb1zvDQZUuDwcAoAIsyM38R9WvUk7Hr/aiDqBMzdbrMHjqwKHKZfa8R5mm7Xt8yRAh0gPbLPfPehHu9eh8EOkDLXUddTLh3Xu+DQAdouWx6OyrDPfNx+Tkb464MEV2mKQ5YJJO63E8FOgIdoFuy230zar0Mn0PPmfsHw4JABwAenT10ABDoAIBABwAEOgAg0AFAoAMAAh0AEOgAgEAHAIEOAAh0AECgAwACHQDm0rIhgM5aqt/Do1eBXpfhq0BvDQ0IdKA7NqKeRe1F9aIuoo6izmqwA4v0G773oUMnrUS9iDqM2h673o86iDoxU4fFYg+dNluN+i7qh/rfVUPyT5t1Zr7duJ6f9+t9YIFYcqetcjl5t4bW06g3UcdRp1FXhqd8W4bL7HfZKcM9dUCgw6NaqWE+vpz871E/Rf1cLCenbIDLPfMf77h3HnXjnxEsFkvutNFWuXs5+Um9bjm5lMsybIDrN67n51zJ0BQHZujw6HK5eNJycq9YTk65QnFahg1woy738xrm2eX+wRCBQIfH9r6G013LybnMfG2I/k/2EuT2w/9ErRXPocOXyK29XO37tv7M6fz3jkCnrUGVM83cM38ydj2Xk4+K5eTmTP13wwBfZKP+fBmtbmXT7auo30qHm249h06bv+F2y6fLyadFlzvwdTPzz53h8Lp0dMtKoNNm+dx5LonlcvJNnZnbGwa+xvdRv9TJQlOuAP69dHTVy5I7bfahWE4GpisnCDsT7vXq/U7y2BoAiyRX+y4m3Mutvc423Qp0ABZJbt3l0vrbxvXRGQ6a4gCgI7I3ZzfqZfnrmwpPBToAdEt2u+eplHNzhoNAB4A5YA8dAAQ6ANAGi/4c+tztoQAg0BfN6GjR/TI8ZGDU5XhWnBUOQMcsalPc6CzfX8tfX/6RzyX+XIZvsDJTB6AzFnUPfavOzJ80rufnvXofAAR6y83tWb4ACPRFkg1wc3mWLwACfZGMzvLtN653/ixfABbTIp8UN+pyzz3zXp2ZZ5ifCnQABHqH/u5l+NheNsCtR70vnkMHQKADAI/F0a8AINABAIEOAAh0AECgA4BABwAEOgAg0AEAgQ4AAh0AEOgAgEAHAAQ6AAh0AECgAwAzsmwIAGDqVqI2o9ajrqPeRd0KdADojo2o3aj9qF7Um6jjqNOoq1n9oUuDwcDQA8B0rEY9jzqM2h673o86iDqZ1UzdHjoATE8us+81wrzUzzlj35rVHyzQAWB61spwmf0uO/W+QAeAlssGuPMJ9y7qfYEOAC2XTW+vot42ruce+lHRFAcAnTHqcs+99F6dsetyB4AOGn8O/aYMn0P/MMs/UKADwBywhw4AAh0AEOgAgEAHAAQ6AAh0AECgAwACHQAYt2wIgAeWJ2jlKyTzBK18UcXMT9ACgQ4wXXkU5rMyfC90vkryQc64hkXg6FfgIWfmL6IOo7bHrudbqX6OOom6NUxwP/bQgYecne81wjw9qTP2LUMEAh1ov9wz7024l8vva4YIBDrQfvkKyfMJ9y7KsEEOEOhAy12WYQNcv3E9Px+VYbc7cE+a4oCHNOpyz730XvnY5X4m0EGgA90y/hz6+xrkuttBoDPnVuusLhumcg/20g9/gE85WIY2ay7PZuNU7rVangUwQ6cjJh1Ckg1UB1Gvi+NCAf5JlztttVXuPoRku17fMEQAAp32yz3zSYeQ5PV1QwQg0Gm/zx1CktcdQgIg0OmA7GZ/VYYv7hjXr9e9mQtgjKY42iz3yXfLx1dtjrrcTwU6gECnW0aHkHgOHUCgA8B8s4cOAAIdABDoAIBABwAEOgAIdABAoAMAAh0AEOgAINABAIEOAAh0AECgA4BABwAEOgAg0AEAgQ4AAh0AEOgAgEAHAAQ6AAh0AECgAwACHQAQ6AAg0AEAgQ4ACHQAQKADgEAHAAQ6ACDQAQCBDgACHQAQ6ACAQAcA7mfZEADwwFaitqLWoq6jrqI+GBaBDkB3bET9FPUy6mnUm6jjqLOod4bn/pYGg4FRAOAhrEY9j/o16snY9X7UQdRJ1K1hup+H2EPPpZXvo36o/1017AALaTNqrxHmaTtqv97nnma95J5LK7v1C9iLOi+WVgAW1XrNgrvs1Pu0MNBzZp77JP9Zf/tKP9aAt7QCsHje14ndj3fcy+s3huj+ZrnknksnL8fCfGS7zti3DD/AQslu9lyl7Teu9+v1S0PUzhn655ZW8vqa4QdYKPloWm65HpRPt2JPi1Xb1gZ6Plt4Ue5eWsnrllYAFk/2T+WW63/Xid9NveY59K/0zYy/aEdRbxvXLa0ALLacif8R9b9Rvwvz6Zj1c+jjXe4OEACAjgZ6Wq3BnksrjvgDgI4GOgAwY962BgACHQAQ6ACAQAcABDoACHQAQKADAAIdABDoACDQAQCBDgAIdABAoAOAQAcABDoAINABAIEOAAIdABDoAIBABwAEOgAIdABAoAMAAh0AEOgAINABAIEOAAh0AECgA4BABwAEOgAg0AEAgQ4AAh0AEOgAgEAHAAQ6AAh0AECgAwACHQAQ6AAg0AEAgQ4ACHQAQKADAAIdAAQ6ACDQAYBpWTYEwB1Worai1qKuo95F3RoWEOhAd2xGPYvaj+pFvYk6jjqrwQ600NJgMDAKwMhq1POow6jtsev9qIOoEzN1aCd76EBzdr7XCPNSP+eMfcsQgUAH2i/3zHsT7vXqfUCgAy2XDXDnE+7lXvqNIQKBDrRfNr1lA9zbxvW39fqlIYJ20hQHNG1E7ZbhnvlOnbFnmJ9GXRkeEOhAd+Rz6Nkgt148hw4Cnc5brT/Uxw8X+TPKPxqAlnGwDJOMDhfJR5iyu/ki6qhYdgUwQ6dTM3OHiwB0iC53Js3OJx0uslfvAyDQabnPHS7ytAwbpQAQ6LRcNsBdTLjncBFgJJ+G+C7q3+p/VwzJ49EUx12y6S0b4LIprrmH7nARIOV5BT+Vj42z+cv+q6jfisbZR6Epjs99s+6OfbM6XAQYn5m/KJMbZ19HfTBMAp32WK3B7nARYNz3Ub/UX/ibcnXv71G/G6aHZcmdz8nfsP8wDEBDNs7uTLjnrXyPRFMcAF8qG2MnNc7m9ty1IRLoALRfbr/l0nrzrXyjxll9No/AHjoA95EHTO1GvSyOhxboAHRadrtvlb++wEnjrEAHAO7LHjoAzAGPrcHDyeXJ3HfM5/qzSzhP3LM8CQh06JBJJ++dleG+I8BXsYcODzMz/9wxmd4vD3w1e+gwe9kFvF/ufr98Xvd+eUCgQwf8q2MyvV8eEOjQAfl87vmEe3nd++UBgQ4dkE1v2QDXb1zPz0dFUxwwBZri4GHkPvmzMtwz3ym63AGBDp3l/fKAQAcAJrOHDgACHQAQ6ACAQAcABDoACHQAQKADAAIdABDoACDQAQCBDgAIdABAoAOAQAcABDoAINABAIEOAAIdABDoAIBABwAEOgAIdABAoAMAAh0AEOgAINABAIEOAAh0AOD/b/mR/tyVqM2o9ajrqKuoD74cANCdQM8gfxa1F9WLOo96FfVbDXYA4AstDQaDh56Zv4g6jNoeu96POoh6baYOAF/uoffQt6L2G2Fe6uecsW/4kgBA+wN9LWpnwr1cfl/3JQGA9gd6NsBdTLh3Xu8DAC0P9Gx6Oy7DPfNx/XpdUxwA3MNDN8Wl3CffLcO99J06M88wPxXoANCdQE/Z7Z4NcrmnfhN1GXXrywEA3Qp0AGCKHP0KAAIdABDoAIBABwAEOgAIdABAoAMAAh0AEOgAINABAIEOAAh0AECgA4BABwAEOgAg0AEAgQ4AAh0AEOgAgEAHAAQ6AAh0AECgAwACHQAQ6AAg0AEAgQ4ACHQAQKADwEL5hwADAMs2WvovYbdMAAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAEoZJREFUeNrs3XlXG1eex+GvJDYTL1mcTJLuniTz/t/TnO5Jxp32gjcwAkk1f9xfoUImgfZghOB5zqkjKNt9OoWoj+6tbdR13ShN/zqu125lAYAzW4NwTAZLksyTzJIsBASAiwKSJNtJHiTZT7Jb0ThOcphkahQCwEUBmVQ0vkryXZLHNfp4meRf9fW8/r6IAJAkoz4g+0meJvklyfdJTpL8vUYfH5KcVkRGIgJAH5BRjUT2k3yd5NsKx0GNTCZZHicRDwBGqXB0aQfLp0neJ3l7wcgDAM7ZqkBMk7xKm7Z6U0F5nuRdRWRhUwFQuj4g/RlXLyske7XusEYkJ3EqLwArERnVhYTjtGMd2zk/rdVPYTmNF4BzRl3XJe2AyHBJltNW4gHAR7YGkchKKLo4bReASwKSPwiFeABwobFNAICAACAgAAgIAAICAAICgIAAICAACAgAAgIAAgKAgAAgIAAICAACAgACAoCAACAgAAgIAAICAAICgIAAICAACAgAAgIAAgKAgAAgIAAICAACAgACAoCAbKrR4HW8sg5g423ZBJ89HBdFo7OZ7u17w88eAeFPdxKjJJMk27WNuySzJKdJ5iJybz9QdIPv/fwREC6Mx3aSL5I8TLKXZJHkMMn7JMcVEzuQ+/VhYjwIx8IHCQSEi0ySPEjyTZIfknxZwXie5FntOBa147DzuLv66cudJLv1OqpR6DTJSb0XvAcQEM4+cU5q1PF1kp+SfF87i+0agbyv77nb74MMRqJfJnlS743DJAdJ3ib5EMdFEBByfq57Up84v6gdx7RGJdv5+IwsO4+7OwLZrp//32o0up3kZb0/Tmo0cuo9gIDQDT5NzpIcJXldITmtT5zTwbSFKay7/4FiO8l+kqc1Gt2p5XWF5NB7AAFhGJE+Hv0nzRdpxzxeJHlTEbHTuNvhGF0ySl1d5/2AgJCuRhjTtHnuadoB1EXafPdRjUYWNtWdfx90adNUR2knUOzUiOTFYDTqfYCA8JFZ2vTEtEYhfVhmg52GT513Nx6j+jnPatQ5SvIu5w+iO52bzR9ud53373Vv08FOZJzzUxTzmLK4L++BfrnsNF6jEASEP92ZGHHc75AMLyRcDBbvCwQEuPQDxCq/eGw8x0Dg8+oGIREN7hS3c4ebDQkICAACAgACAoCAACAgAAgIAAgIAAICgIAAICAACAgACAgAAgKAgAAgIAAICAAICAACAoCAACAgAAgIAAgIAAICgIAAICAACAgACAgAAgKAgAAgIAAICAAICAACAoCAACAgAAgIAAgIAJ/flk0A8NmM/mB9JyAAXBaPyeDrLsmivl8ICAAXxWNU+9idJNv1/SzJSb1m0yMiIACfZ+SxnWQ/yZMkD2sk8iHJ6yTvKyRdNng6S0AArt+kAvI4yV+T/Eftbw+S/FojkHmNQAQEgHOjkO0kj5J8l+S/0qayntXo43WNRkab/B/pNF6A6w3HcP86rpDsJNmr10mtH9XoY2MjYgQCcH2GQTitUcarGnlsJ3me5fGPxeDfCAgASdrxjdMkb5P8luSw9rfvk7yssMyy4deDjLqu86MGuOZ9a9pUVT91tZc2bXVS8ZgOArKxO2EBAfg8ARkNQtJfTLiocPTTVxt9HYiAAHzekKRGH/3OdqNHHQICsJ6Y3KkdrtN4AW7Gnfu0LiAACAgAAgKAgAAgIMC69dcWwNq5lQnc/mB0OX9hWm+eO3hqKAICXF9A+ru6bqVd0dwN4rHRz5NAQIDPF4/+9/RB2tPtdisax2k36JvmDl3ZjIAA12dS0fgq7cFEj2v08TLJv+rref1dEUFAgCTLaav9JE+T/JLk+7Q7uv69Rh8f0m4b7ngIAgIkOX/wvI/I10m+rXAc1Mikv8urEQgCAnwUkVlF433aA4pWRx4gIMCZLu1g+byC8Spt2upNBeV5kncVkYXNhYAAqxGZp51x9bJCslfBOMz5Z2ubvuLmh8ieBwK32jjLp9pt14e+flqrn8JyGi8CAlz8e5qPr0RfDEYpfolZC1NYcPt1K6/9107bRUCAK0fksnVwY9yNFwABAUBAABAQAAQEAAQEAAEBQEAAEBAABAQABAQAAQFAQAAQEAAEBAAEhI00GrxXR4N1I5sG1vzL6ZG23PJ4jFbC0eX8Y1y9gWFNPJGQ2x6PSZLteq+OksyTnNSr54GDgMCFJkkeJHmY5Iu0aazjJO+THCY5tYlAQGB19DFOspPkSZIfknxb79fXSZ4lWQwWoxAQEDibuuoD8ijJj0l+ru//mWSa5F2NRmb170QEBATO9BF5kORxkt206audtOmtkXiAgEBWYtClHSg/TvI2yYsKx0GSoxp5LAajFhEBAYGzgEyTvEnya5IPNep4m+RlRcSZWLBGrgPh1r43Kxh7SfbTprHGFZWjCsqpgICAwEUB6Q+mb2V5zGOe5fRVl+U0FnDDTGFxW/WfbPpYDK9G76eu3M4EjEDgyqMSb1gwArnxHc+ffcpls0YlgIDcWDyG8+luxgcgIFeKR38QdiftpnxJO3vnJOcPxgIgIOdGHttpN+N7knZDvqTdiO9N2lXNJ0YiAAKyapJ2+4svk/wtydNa/yLt4rRZlqeFAiAg555it5vlHV1/qvXbaVc0v0m7IK3/N0YhAEYg5yLS35Rvt9btDNb3f9cFaQACcjaSWKQdMD9K8jzLg+gvat1JHEQHEJALLNLu5nqQdjzkTa1/W+umRh4An+YuX4k+fKb2btpN+foprGmFZZp2AN0IBEBALoxIf7yjH3HN45GowGbu027N/uq+3AtrtPLaM30FbML+azz4/tbcSeO+3AvLbUuATQ3HOG0qfivLJ3X2y1r3a27nDnA745Gcf6jaXq07TjuL9DhrPoYrIAC30yTtmrUnSb5L8lWtf53k95w/hruWiAgIwO0NyF6F46ckf6n1v6Vdw9Y/1nltJwIJCMDtMlrZR+/VKORp/dlhrdta+Tc3HhEBAda6E+Ijw8c1z2u0cZR2AXQqICdZPto5RiDAOoIxGoSjSzvjx+ntt8M87WLnt2l3Dz+q9a9qXX8njbVF3zPR4X6HY1JLf0PR1dND7SDWZ5x2/779tGcZ7df6oxqFHKUdA1nbz0lA4P7FY7hzepA2nz5JOyX0Q9rpoWvdMXH2s+qvAdnOcsZoVj+f+bpHIKaw4H7umLbqU+03aWf57NYn2le1LOJBa+vWDQIxy/Jq9G5lWRsBgfu3U+o/0T5Me9Daf9bXB0n+u0YgqwdpWd/PK/n49iW34oQHAYH7N/pIReRB2uOef0zyuEYhL+t1nI/vHcf6I5ILvl6bsZ8N3Ev9AfPTtLN5+mWW5RXOERGMQIDhJ9f+hnyHaU/n3KnRyNu04x8fsuZbZLAhw1lnYcH9+p3P8vTdB2lXOD9KOyYyTXtq57u04yDDkQgICHAuIju1jNOmr07qdW4EgoAAfxaR4cOKhqeNRjwQEOCykFzEjoFLOYgO95tQ8MmcxguAgAAgIAAICAACAgACAoCAACAgAAgIAAICAAICgIAAICAACAgAAgIAAgKAgAAgIAAICAACAgACAoCAACAgAAgIAAICAAICgIAAICAACAgAAgIbZVQLsCZbNgEbGI6sxKOzWUBA4LIRx7iWUYVjkWQuJCAgcJE+GFtJdmuZJDlNcpJkWhGZ21QgILBqkuRBkq+SfJlkO8lxkoMkb5J8qNGIUQgICJwZVTAeJfkhyd+S7Fc4/jEYicwFBAQEhvHop6/2k3xTAXmc5HmSt0le1J+fZHlsZFP+2wQPAYHPrLtkZ9tt0A65PxlgaFHrF37UCAhcbzhmacc5Xib5nyynsF5neRA9tzwgw7PIJoPfv1n9/18YlSAgcL073T4g75I8q5AMD6IfDnbAt90kyV4FcK/WHSc5qlcjEAQErnEEkgpEf6bV+3x8Gu9tPwNrVP+fd5M8SfJd2hllqVHU7zl/XYtRCAIC1xSRRQVjXp/U++MFiw351N5PX+1UOH5K8pf6s9/qv+1DBdHpyAgIXHNEukFMVtff9nj0r9tpU1dPkjytdYe1zu8jAgKf2aYdbO4Gr/MaZRylnYKcCsjqiQAOpiMg8Bl3xpsYvmmF49eKSJK8qnWbcjYZtCF113mfwk38rmU5hbWf5It6TYXksF5PsxnTciAgcMMRGV4DMrwOpF/EAwEB/nQkMnwgVreywEZwDARuXn8m2TAgDppjBALA/eCZ6AAICAACAoCAAHDLjT7lHzkLC0A0ht9f+cwqAQG4v/HoH3DWG97d+tKQCAiwyTtA1yF82rbrn0+zU8s47U4IJ2m307lSRAQE2JSdXjf4tDwMiEcBf1o8HqQ9VuBR2j3apmmPiX6X5dMxBQS4Mzu9/j5i/QPF+ufJuw3M1fQR3k7yMMkPSX6smPR3iZ7Xdj297H9MQIBNichO2h2M97N8pPFRlk9y5OrbcivtjtBPk/xco5CXtT1fp90d+tJtKiDAJu3wvqud3m7t5J7XMo9HAV91W/av49quu2lPxNyp78c5f8PPTkCATd3h9c+Sf5Q25fLL4BNz6lPzNG3aJSJyqa621XHaMY//TZu+OsjywWZ9jB0DATbeMCJPkzyu9c/S5vPHcSD93w3I+9p+09q2R2lPxxw+2CwCAmzyCCT1ifg07XhH/yz5d1k+BrjLJ15NfU/N0qYAu9qOk1r3IVc8A0tAgNtusbLD+72+36tP0C/qE/MsjoFcdfTRv57WNvyQ5Vlt81pylRGd54EAmzAK6Q/2Pkw7mL6VdpbQ+wrLdLDj4+rbdXRBYK4cBQEBNmVH11+/0J8pNK9P0cNnyduhfdr2/aTtJiDAJu3oxrn4WfIRj5vnGAiwKfrblly0HgEBuDQi3BIeKAWAgAAgIAAICAACAgACAoCAACAgAAgIAAICAAICgIAAICAACAgAAgIAAgKAgAAgIAAICAACAgACAoCAACAgAAgIAAICAAICgIAAICAACAgAAsI1GtUCcGdt2QQ3Eo3O5gEEhD8Kx6hGdJN67ZLMkixqERJAQPjDbblXy3aSeZJpkqMkp4OIAAgIZyZJHiT5Osk39fU0yUGSl0neV0SMQgAB4cyoRhz7Sb5N8kuSryoa/6iQTGtEMrO5AAGhj0d/7GM3yeMk31dI3iZ5kzalNRn8fSMQ4E5wGu/16NKOccwGI45pPj6I7tRewAiEs3B0adNTH5K8Spu2el3fv0hyeEFIAASEpAJxlORfNfLYTTto/i7tWMhsMAIxhQXcCaOusz/7/27DLI+DbCfZqTAvkpzUMh+MVgAEhHMRSUVkeEW6iwgBAeHKERl+bdQB3FmOgVyf7orrAASEfysmAHeK60AAEBAABAQAAQFAQABAQAAQEAAEBAABAUBAAEBAABAQAAQEAAEBQEAAQEAAEBAABAQAAQFAQABAQAAQEAAEBAABATgzWtnHjFbWcUds2QTANcdjNAhHkiwGf97ZRAICcFE8xkkmtW/p9y+zwSIiAgJw4chjK8l+ki/qNUmOkhzW6yzJ3OYSEIChcZLdJF8l+SHJ17X+VZJnFY5FLUYhAgJwZlIBeZzkr7Ukya81AnmXZFojFQEREIBzZ1hNkuykTV89rj87qHWTlX8jIgIC3HPdICKzJMdJ3iR5Uete17rZIBriISAAZ+YVioMkf0/ydhCQg/ozxz/u0tCz6/wsgevZnyTZTrKXNoW1V+uP087AOk5yagQiIAAXBWSc89eCJMtTd52BJSAAl4akj0m/gxGOO8gxEOC6dYMlwiEgAJ8SEu4wd+MFQEAAEBAABAQAAQEAAQFAQAAQEAAEBAABAQABAUBAABAQAAQEAAEBAAEBQEAAEBAABAQAAQEAAQFAQAAQEAAEBAABAQABAUBAABAQAAQEAAEBAAEBQEAAEBAABAQAAQEAAQFAQAAQEAAEBNZrtPL+Ha2sA27Ilk3AhsVjNAhHknS1jJIsbCIQEPijeEySbNd7d5RkluQ0yby+72wqEBAYxiMVjwdJHib5okYix0neJzmsmMxFBAQEhsZJdpI8SfJDkm/r/fs6ybO06avDehUQEBD4KCCPkvyY5Of6/p9Jpkne1WhkblOBgEDy8VlX22nTWI+S7KVNX+2kTW/1x0AcCwEBgbMgpEYX0yRvk7ysmBwkOUo7/rEY/BtAQCCpOEyTvEnya5IP9f7tY3IUB9DhZqcHus7vG5vxXk2bptpLsp82jTWuqBxVUE6zvC4EEBA4C0h/EeFWlsc85llOX3VxMSHcGFNYbIr+k04fi/FgXR8PtzQBIxC40ohkGBbACAT+rREJsCbuxguAgAAgIAAICAACAgACAoCAACAgAAgIAPcsIP1N6wDgD/3fAHB4suvGwZv+AAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCN0Y1NEUyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCN0Y1NEYyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUI3RjU0QzIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUI3RjU0RDIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prq/JMMAAAvPSURBVHja7N19bxTXFQfgWWObN0MgaYCiiqZtKjVVIvX7f41ESaNSldCU8hICGGOM37bnaM+I0datICT4zuzzSEe7XvJHPDP+zbl3Z+7M5vN5V2ZVaV4F0Iz1wfs+pGbCCmjR2gmfCStgNIEFILAABBawEtZtAiZqtlQ5N3tc/2aeVmBBc4G1GXW+jvP9qL2oA4ElsKAlOdWxEfVh1M2oi1FPo+7Vq+sMBRY0Jbura1Ff1OudqJdRu1GHNs94z0QwxeFg32Vld7UVdaF+RocFTcnhXs5VPYm6HfUo6mHUc92VwIIWA2u/Qmqvhoc5HNwWWCNvnQc3P8MUh4Xr9f64wsqEu8CCZkPrpO4LQ0JocmjIhPiWEBBYAAILEFgAAgtAYAECi1U0fGISNMt1WIJqrSrfH3WLK8Jdv4TAormwOtMtVjG4UO/zfrsX3eLG4WObCIFFS4F1Lup61K2os1H3o+52FrlDYNHgUDBD6kbU51GXor7uFkuyPK/hITTFpPtqmp/wfvhqAh4dFs2F1quoB1FfDYaEO501o2h1aGB5mZUeFuZEez5V5mJn0h2BxQhCqw+uvus66ky2I7AA3o1Jd0BgAQgsYGW5rOHtDG8SXr5+CRBYTXWj+W3aRr3Pb9P6r/9dAgACq6nOKsMqb1+52i3uwcvrlfI2lp36d50WCKxmAiufHnwt6rMKrXtRf+0WTxjes4lAYLUUWLmtLkf9plvcMJz+WZ2XDgsEVjP6K8B3ox7XZz9WZ2VVA3hfnYMr3d+4w8rJ9is1LMwF77ajHtar21lAYDVlrTrSzRoG5ooGudqBbwlBYDXbac2Whoo2ILwn5rDejoCCUx7mAAgsAIEFCCwAgQUgsACBBSCwAAQWILAABBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABCCxgnDxIlVU5MfdP7c4H4R53HogrsKAxGVBnojajzlVw7UftRR0ILYEFrQVWhtW1qF/X+x+i/hX1XKclsKClsFqrzirD6i9RW1HfVli9rG6LkY3tYcpySLhRYbVVAXamAg0dFjShn1zfq2HgtxVW30ftRh3ZRCNsm+dzQ3gmPSzMk/LFqMvVWWVYbUe9qkBDYEFToXWmqquQOhJWAgtaDq3+dd75ZnC0zGGxCuZLr4yUbwkBgQUgsACBBSCwAAQWILCAqejXAJsM12HBNBuRvvLas6NuIhfMCiyYXleVq1Pk/ZPnK6xedIvldI7GHloCC6YVVnnP5KWoW1E3usVN3nej/j0ILYEFNCEDK9f9+iTqz91iscIMrSfdYqmd0Y91gWma3L2TOiyYlhzy7UTdqY4qu6sH9X70S+pYXgamJUdNk510F1gwPf3k+2zQdU3isgaBBYyqfQQQWAACCxBYAAILQGABAgugQW7NYdlsqeZLBQKLpgIrj4u8rWMz6qBb3IeWr8dCC4FFS2GVt3R8EHUz6kq3uA/tXtTjqH2bCIFFS7Kruhr1p26xptLDqMNusa7SgQ6L02TSneUOazgkzJUr867/jTpWZjYROixaMa9uajvqu26xJMmzbrFape6K0z+jWq2BpQ4rO6lz3WIeK1/3K8B2uwmsp4TAYrrDwrVB1+UbQgQWTQfX8nARTpU5LP4XAUVzfEsICCwAgQUILACBBSCwgFXjsob3Y3l9qWObBARWi0G1Vtt5s37Oq8bzdhe3uYDAai6wcqWDj6I+rvd5I3Eu2fKic7sLCKzGuqtcpiUXw/u8WyzVcrtbrOC5Z2gIAqvFbXwh6lrUVtSjGh76wgMEVjP6yfWcr3oadaeCK4eDuc7UkU0EAqs1OfS7VyGV2zuXGt4WWPD2LC/zC2/f7vWDHTbqfQaVJ9CAwGo+uPqhoo0OhoTNElI/X/B3tqXAgrEMrWc1nHbhrcCC5qx1r69n26r3+QVGXnjbzwUisKCZ7iqf3nMj6lbU2aj7UXe7xeUihtsCq4mDdMgBudqBlSF1PeqL6rK+jvqxW1wi4vIQgXWqB2f/iKmN+izb/kNn0pUPLScvmgysPJteqeqq7c/as7tW0rz2/YOoLwdDwh3dlcA6bTmhmjcI/zbqj/XZ36rL6jstVstxBVYfUsNJdxffCqxT77BygjWXY/ldfZZzFd93/z2vxep0WNlJ7VZw9XcLWAhRYJ16WHXVST2vIUBX7w8G/40z6uqG1vHgZwRWEwdltv3fVcuffuhez1c4UAUXK6y1ewn7Re9yvajht4T7nfkKEFgN3vw8G7zODAOAFoeEy23/vHOzK9B4YJ0UXgDWFQcEFoDAAgQWgMACEFiAwAIQWAACCxBYAAILQGABAgtAYAEILEBgAQgsAIEFCCwAgQUgsACBBfAerdsEwHvWPyR5+Bi/N3qkn8Ci5QN6+PTveec5lVNpkvrK/XoQdfSmoSWwaDGs8rg8W5VeRe3VgS20xmut9umHUZeiDqOeRG1H7euwVqcTGZ6d5hP4nc5F3Yi6Xp89iLof9UJgjXq/nom6HPVp1CdRu1HfVlgdDjotgTXBnZ9nq42f2lo3flBfjLoV9UV9/mXU8+qyDA3HK/ft+ahrUb+vfZono83u5HktgTWhrurcu7TWIziwc+iwVT+frc8Yt+M6Pp9Vx7xbXfPhm56IBNb4zGu/ffAurXXDv1se1C/rgP6mPr9fn+msxu2oTqq3ox7XqODR2+xbgTXeYdOwtd6pP+q+tR77WTjPunejfqzPduozk+7jPtEe18n1XgVV33EdCKzVaa0f1B/z7qC1HvuBfVC/2059dti9vrSBce/bPOnsVXXdW85JzuZzx8AIO6yccL9YHdbV+gN/WB3Jfv1xT+H37F9NtCOwJjAszCHgxgmttZ2KwKLZbmsuqFgF5rDGPydgboeVYbWGaYQWCCwAgQUgsACBBSCwAAQWILAABBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABAgtAYAEILEBgAQgsAIEFCCwAgQUgsACBBSCwAAQWILAABBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABCCxAYAEILEBgAQisdzCza4Bl6w0GVV/zqm7wCgisZpyJ2ozaiDqO2o86EFpAa4GVYXUh6lrU1QqqR1GPK7gEFmO2PM3heB5xYM0qsC5HfVr1IuqrqN2ow+q4YIxBNau/tbU6jo/qVWiNuMNaq+HgB1HXo55HXRz8P87sYEYaVufrZHy+RgvbgxMxIw2sPOu8jHoY9fd6/3QwHBRWjFGehD+M+kOdiJ9F3Y66V8e843rEgbVdO/NBnX2eRO0ZDjLiDiv/xi5FfVKhlcd2zsvm/OwrQ8NxBla/w/ZqRz6pHXlQQQZjNK/j+LBGDDvdYm72YBBUwuptzgDzeVPba/Z/wgzG2mFdibpZry9qOPh4EFyMNLBgatYqtHLCfXPQbZmbFVjQZJd10h0cwuonWLcJ4Bc1DCaX5vwM7Srw/sILgQUILACBBSCwAIEFILAABBYgsAAEFr8oTyFiEtyaM/2g6pefztfjzrImCCwa7qDPRW11iycR5XpjubxJrhRgnTEEFk11V7mcya+iftstVr3MNZi+q1crXSKwaCqwNiqwPusW64n/o1usKZ5LUR/YRIxxyMB0A2uZuSt0WDSpXxP/h6hvor6voeAz3RWjPQtbcXTS8tvBnHTP5zvmfFY/6d4/rQUEFk0NC/vLGvquy/K8GBLSpOVwElIILEYRXDB6viUEBBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABCCxAYAEILACBBQgsAIEFILAAgQUgsAAEFiCwAAQWgMACBBaAwAIElk0ACCyAn9n64P1sUPOoY5sHaC2w+pDaiNqs94dR+1FHFV4AzQRWBtVHUR9XcD2Jehj1ojotoQU0EVg5j3Uu6mbU51EXo25H7VUZGgItmPUdVr5eiLoWtRX1qLouk/JAUx1WdlA5X/U06k4FVw4HX3aLOSyAFsz7wMqh370KqfzsedS2wAKaGhPO5/P+W8Iz3WLCvaugOuxMuAMN+Y8AAwClSt21xjnpmgAAAABJRU5ErkJggg==');</span></span><br />
<span class="Apple-tab-span" style="line-height: 18.2000007629395px; white-space: pre;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> @include animate(snow, 20s);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">/*Keyframes*/</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@include keyframes(snow) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@include keyframes(xmasTree) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 25% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> box-shadow:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0 3em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 4em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 5em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 7em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 9em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 9em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 11em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 13em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 13em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 14em 0 0 $tan</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 50% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> box-shadow:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0 3em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 4em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 6em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 7em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 9em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 9em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 11em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 13em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 13em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 14em 0 0 $tan</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 75% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> box-shadow:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0 3em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 4em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 5em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 6em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 7em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 9em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 9em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 13em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 13em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 14em 0 0 $tan</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> box-shadow:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0 3em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 4em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 4em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 5em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 5em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 5em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 6em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 6em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 6em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 7em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 7em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 7em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 8em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 8em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 8em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 9em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 9em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 9em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 9em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 9em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 10em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 10em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 10em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 11em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 11em 0 0 $darkerGreen</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 11em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 11em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 12em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-5em 12em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 13em 0 0 $darkerYellow</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 13em 0 0 $blue</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 13em 0 0 $red</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 13em 0 0 $green</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,4em 13em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 14em 0 0 $tan</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-2em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-3em 14em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,-1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,0 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ,1em 15em 0 0 $gray</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"></span>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com2tag:blogger.com,1999:blog-7345427647546330151.post-70858599282204222252014-11-19T13:34:00.000-08:002014-11-19T13:36:19.052-08:00Pixel Mario Bros con CSS y HTML<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Yo creo que ya se dieron cuenta que soy un poco enfermo con Mario Bros y todos los personajes que con el se desarrollan, pero es que este videojuego y personaje es un clásico de los 80's. Y así que no lo podemos dejar pasar así como si nada.</span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">En esta ocasión he encontrado a Mario Bros desarrollado en PixelArt mediante código CSS y HTML.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8tve22YiIHhSaCvTeG1yrhthLXhSBlDlEcnH0fabflF9OazyopSaqb-UEtzb6cSBv5Y_kir5VezKOW4dV89JYZUzTf4FdlRzDLnh3PHUgJOl9dzgbMLgSfw4Rk_JiiTkrQy50El0U9b7O/s1600/pixel_mariobros.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8tve22YiIHhSaCvTeG1yrhthLXhSBlDlEcnH0fabflF9OazyopSaqb-UEtzb6cSBv5Y_kir5VezKOW4dV89JYZUzTf4FdlRzDLnh3PHUgJOl9dzgbMLgSfw4Rk_JiiTkrQy50El0U9b7O/s1600/pixel_mariobros.jpg" height="303" width="320" /></a></div>
<a name='more'></a><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Puedes revisar el siguiente código en el sitio oficial de <a href="http://codepen.io/pcameron/pen/vEEBJN"><span style="color: #3d85c6;">CODE PEN</span></a></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*HTML</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><div class="mario"></div></span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*CSS</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background: #59ABE3;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.mario {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width: 23px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height: 23px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> margin-top: 5%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> margin-left: 10%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background: transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> box-shadow: 325px 0 0 #F4B350, 350px 0 0 #F4B350, 375px 0 0 #F4B350, 150px 25px 0 #D91E18, 175px 25px 0 #D91E18, 200px 25px 0 #D91E18, 225px 25px 0 #D91E18, 250px 25px 0 #D91E18, 325px 25px 0 #F4B350, 350px 25px 0 #F4B350, 375px 25px 0 #F4B350, 125px 50px 0 #D91E18, 150px 50px 0 #D91E18, 175px 50px 0 #D91E18, 200px 50px 0 #D91E18, 225px 50px 0 #D91E18, 250px 50px 0 #D91E18, 275px 50px 0 #D91E18, 300px 50px 0 #D91E18, 325px 50px 0 #D91E18, 350px 50px 0 #F4B350, 375px 50px 0 #F4B350, 125px 75px 0 #651810, 150px 75px 0 #651810, 175px 75px 0 #651810, 200px 75px 0 #F4B350, 225px 75px 0 #F4B350, 250px 75px 0 #651810, 275px 75px 0 #F4B350, 325px 75px 0 #651810, 350px 75px 0 #651810, 375px 75px 0 #651810, 100px 100px 0 #651810, 125px 100px 0 #F4B350, 150px 100px 0 #651810, 175px 100px 0 #F4B350, 200px 100px 0 #F4B350, 225px 100px 0 #F4B350, 250px 100px 0 #651810, 275px 100px 0 #F4B350, 300px 100px 0 #F4B350, 325px 100px 0 #F4B350, 350px 100px 0 #651810, 375px 100px 0 #651810, 100px 125px 0 #651810, 125px 125px 0 #F4B350, 150px 125px 0 #651810, 175px 125px 0 #651810, 200px 125px 0 #F4B350, 225px 125px 0 #F4B350, 250px 125px 0 #F4B350, 275px 125px 0 #651810, 300px 125px 0 #F4B350, 325px 125px 0 #F4B350, 350px 125px 0 #F4B350, 375px 125px 0 #651810, 100px 150px 0 #651810, 125px 150px 0 #651810, 150px 150px 0 #F4B350, 175px 150px 0 #F4B350, 200px 150px 0 #F4B350, 225px 150px 0 #F4B350, 250px 150px 0 #651810, 275px 150px 0 #651810, 300px 150px 0 #651810, 325px 150px 0 #651810, 350px 150px 0 #651810, 150px 175px 0 #F4B350, 175px 175px 0 #F4B350, 200px 175px 0 #F4B350, 225px 175px 0 #F4B350, 250px 175px 0 #F4B350, 275px 175px 0 #F4B350, 300px 175px 0 #F4B350, 325px 175px 0 #651810, 50px 200px 0 #651810, 75px 200px 0 #651810, 100px 200px 0 #651810, 125px 200px 0 #651810, 150px 200px 0 #651810, 175px 200px 0 #D91E18, 200px 200px 0 #651810, 225px 200px 0 #651810, 250px 200px 0 #651810, 275px 200px 0 #D91E18, 300px 200px 0 #651810, 25px 225px 0 #651810, 50px 225px 0 #651810, 75px 225px 0 #651810, 100px 225px 0 #651810, 125px 225px 0 #651810, 150px 225px 0 #651810, 175px 225px 0 #651810, 200px 225px 0 #D91E18, 225px 225px 0 #651810, 250px 225px 0 #651810, 275px 225px 0 #651810, 300px 225px 0 #D91E18, 375px 225px 0 #651810, 0 250px 0 #F4B350, 25px 250px 0 #F4B350, 50px 250px 0 #651810, 75px 250px 0 #651810, 100px 250px 0 #651810, 125px 250px 0 #651810, 150px 250px 0 #651810, 175px 250px 0 #651810, 200px 250px 0 #D91E18, 225px 250px 0 #D91E18, 250px 250px 0 #D91E18, 275px 250px 0 #D91E18, 300px 250px 0 #D91E18, 375px 250px 0 #651810, 0 275px 0 #F4B350, 25px 275px 0 #F4B350, 50px 275px 0 #F4B350, 125px 275px 0 #D91E18, 150px 275px 0 #651810, 175px 275px 0 #D91E18, 200px 275px 0 #D91E18, 225px 275px 0 #D91E18, 250px 275px 0 #F9BF3B, 275px 275px 0 #D91E18, 300px 275px 0 #F9BF3B, 325px 275px 0 #D91E18, 350px 275px 0 #651810, 375px 275px 0 #651810, 25px 300px 0 #F4B350, 75px 300px 0 #651810, 125px 300px 0 #D91E18, 150px 300px 0 #D91E18, 175px 300px 0 #D91E18, 200px 300px 0 #D91E18, 225px 300px 0 #D91E18, 250px 300px 0 #D91E18, 275px 300px 0 #D91E18, 300px 300px 0 #D91E18, 325px 300px 0 #D91E18, 350px 300px 0 #651810, 375px 300px 0 #651810, 50px 325px 0 #651810, 75px 325px 0 #651810, 100px 325px 0 #651810, 125px 325px 0 #D91E18, 150px 325px 0 #D91E18, 175px 325px 0 #D91E18, 200px 325px 0 #D91E18, 225px 325px 0 #D91E18, 250px 325px 0 #D91E18, 275px 325px 0 #D91E18, 300px 325px 0 #D91E18, 325px 325px 0 #D91E18, 350px 325px 0 #651810, 375px 325px 0 #651810, 25px 350px 0 #651810, 50px 350px 0 #651810, 75px 350px 0 #651810, 100px 350px 0 #D91E18, 125px 350px 0 #D91E18, 150px 350px 0 #D91E18, 175px 350px 0 #D91E18, 200px 350px 0 #D91E18, 225px 350px 0 #D91E18, 250px 350px 0 #D91E18, 25px 375px 0 #651810, 100px 375px 0 #D91E18, 125px 375px 0 #D91E18, 150px 375px 0 #D91E18, 175px 375px 0 #D91E18;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.2000007629395px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<div>
<br /></div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-1384928808903830672014-11-04T06:50:00.000-08:002015-01-27T16:03:22.547-08:00#Script Mirar a otro objeto #unity3d #javascript C#<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El siguiente Script está basado en propiedades básicas predeterminadas por Unity, mediante la cual podemos hacer que la cámara o un personaje siga por así decirlo con la "vista" a otro objeto.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpp4kwzfoIJj5gCNI3oFHrrhXMhTn0lu7dinOMRjRh7NZTFFKeeGEHwjWnQ6JFY1vrTPqQQRbX5rIQylzqZcmIV-ahCG3_sZLF31d-zg66TMdxDhEUhnqjhGsp-tkvcoPEUt6rc9EMseU/s1600/mirar+otro+objeto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpp4kwzfoIJj5gCNI3oFHrrhXMhTn0lu7dinOMRjRh7NZTFFKeeGEHwjWnQ6JFY1vrTPqQQRbX5rIQylzqZcmIV-ahCG3_sZLF31d-zg66TMdxDhEUhnqjhGsp-tkvcoPEUt6rc9EMseU/s1600/mirar+otro+objeto.jpg" height="163" width="320" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">En el siguiente post se usará la propiedad LookAt(target).</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/NDC9qafprwE?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Este Script ayuda en juegos donde tenemos varios NPC (No Personal Controller - Personajes no controlados por el usuario) que cuando el Player pasa cerca de ellos, ellos tienden a seguirlo con la mirada.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Adjunto el Script tanto en C# como en JS. Estos han sidos tomados del <a href="https://unity3d.com/es/learn/tutorials/modules/beginner/scripting/look-at"><span style="color: #0b5394;"><b>sitio web oficial de Unity en la sección de tutoriales</b></span></a>. (Recomiendo que revisen el web site).</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Como se observa en el video, este script se lo puedes colocar a una cámara para que este siga al gameobject que has asignado como target.</span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">* JS</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif;">-------------------------------------------</span></div>
<div class="separator" style="background-color: white; clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="color: #444444; line-height: 18.2000007629395px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">public var target : Transform;</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: #444444;"><span style="line-height: 18.2000007629395px;">function Update () </span></span><span style="color: #444444; line-height: 18.2000007629395px;">{</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform.LookAt(target);</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18.2000007629395px;">-------------------------------------------</span></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">* C#</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif;">-------------------------------------------</span></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">using UnityEngine; </span><br />
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">using System.Collections; </span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> public class CameraLookAt : MonoBehaviour { </span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> public Transform target; </span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> void Update () {</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> transform.LookAt(target); </span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> }</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> }</span></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18.2000007629395px;">-------------------------------------------</span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com4tag:blogger.com,1999:blog-7345427647546330151.post-55275995080560269722014-10-21T17:01:00.000-07:002014-10-21T17:01:09.457-07:00Boo Mario Bros animado en #CSS3 y #HTML5<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Teniendo presente que ya se acerca el famoso Halloween he encontrado en la red el fantasma de Mario Bros - Boo hecho con CSS3 y HTML5.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Boo se encuentra animado también, a ver si usas estos códigos y animas alguna página en estas fechas.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRIUtveXe8egnIvBw3Ww-HOek6Ctzb2kLg72mG9qm3625HKnoYo8pkURMPZpkaNw-xAP7Sr7kkFIr3rQ6Q7zpOM2so3tOdDDf_Btg2oWUoWYgiJl4sI2vSHHXWZysFpuaB6RwwQ6hAW4NL/s1600/fantasma_css3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRIUtveXe8egnIvBw3Ww-HOek6Ctzb2kLg72mG9qm3625HKnoYo8pkURMPZpkaNw-xAP7Sr7kkFIr3rQ6Q7zpOM2so3tOdDDf_Btg2oWUoWYgiJl4sI2vSHHXWZysFpuaB6RwwQ6hAW4NL/s1600/fantasma_css3.jpg" height="312" width="400" /></a></div>
<a name='more'></a><br />
<span style="background-color: white; font-size: 13px; line-height: 18.2000007629395px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="color: #444444;">Puedes revisar el archivo fuente en el siguiente </span><a href="http://codepen.io/jason-kinney/pen/IGifD"><span style="color: #0b5394;"><b>link</b></span></a><span style="color: #444444;">, elaborado por Jason Kinney.</span></span></span><br />
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></b>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*HTML</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><div class="boo float"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="left-eye"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="right-eye"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="mouth"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="tooth one"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="tooth two"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="tooth three"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="tooth four"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> <div class="tongue"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><div class="right-arm float"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.2000007629395px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><div class="tail float"></div></span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*CSS</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#2c3e50;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.boo {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> margin:0 auto;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:400px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:400px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#E5E5E5;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border:5px solid #2c3e50;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:relative;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> content:'';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> display:block;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#E5E5E5;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:115px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> left:-45px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:95px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:15px 10px 0 80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:rotate(45deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-top:5px solid #2c3e50;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.right-arm {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> margin:0 auto;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:120px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:relative;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:-275px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:-200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:darken(#e5e5e5, 5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:70px 10px 70px 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:rotate(120deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> z-index:-1;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.left-eye, .right-eye {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> content:'';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-bottom:5px solid black;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:-50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:-20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> &:after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> content:'';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#e5e5e5;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> left:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.left-eye {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:black;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:115px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:135px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.right-eye {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:black;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:115px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:65px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.mouth {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:170px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:20px 15px 70px 70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#350311;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:rotate(-2deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> overflow:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.tooth {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:-2px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-top:17px solid white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-left:15px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-right:15px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-bottom:15px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:rotate(-2deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.one {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:95px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-top:35px solid white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.two {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.three {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:45px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.four {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> right:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-top:35px solid white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.tongue {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#FF85A8;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> bottom:-20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> left:-30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:rotate(15deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.tail {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> margin:0 auto;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:150px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:65px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background:#e5e5e5;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:relative;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> bottom:155px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> left:-105px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-radius:20px 0 0 200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> z-index:-1;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:rotate(10deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.float {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-name: Floating;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-duration: 3s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-iteration-count: infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-timing-function: ease-in-out;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@-webkit-keyframes Floating{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> from {-webkit-transform:translate(0, 0px);}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 65% {-webkit-transform:translate(0, 15px);}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> to {-webkit-transform: translate(0, -0px); } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.2000007629395px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> </span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-51248675102273514582014-10-16T16:48:00.000-07:002014-10-16T16:48:05.128-07:00#Batman hecho con poligonos en #CSS<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Y si pensaron que lo habían visto todo!!!! naahhhhh, seguimos con nuestro personaje estrella #Batman pero ahora hecho a base de polígonos o por lo menos esa es la impresión de <a href="http://codepen.io/Polynode/"><span style="color: #073763;"><b>Polynode</b></span></a>. </span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Se encuentra a base de código #CSS</span></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggY5KeBkrDrKPems3MXIdmHlcQd5wei6RyBEuzMJJ5eZw0SJl6siMBd0ma07S3FMdywYO1Q5pYrHz4OlVz9M3nVeJRsxBkAgPVDggSgHEeEDZPeGEWWVGSQBQVNmACwPzLiFJVQWs98PQc/s1600/batman.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggY5KeBkrDrKPems3MXIdmHlcQd5wei6RyBEuzMJJ5eZw0SJl6siMBd0ma07S3FMdywYO1Q5pYrHz4OlVz9M3nVeJRsxBkAgPVDggSgHEeEDZPeGEWWVGSQBQVNmACwPzLiFJVQWs98PQc/s1600/batman.jpg" height="383" width="400" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span><br />
<a name='more'></a><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>Les recomiendo que el código #HTML que se muestra a continuación lo copien del sitio oficial que indico en la parte superior puesto que tiende a ser un poco tedioso.</b></span><br />
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></b>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*CSS</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> background-color:#000000;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> padding:0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> margin:0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> overflow:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-size:100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.model {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> z-index:100000;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">.model svg {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-backface-visibility:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-backface-visibility:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-backface-visibility:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-backface-visibility:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> backface-visibility:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">#polynode,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">#scene,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">#stage {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-transform-style:preserve-3d;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-transform-style:preserve-3d;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-transform-style:preserve-3d;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-transform-style:preserve-3d;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform-style:preserve-3d;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width:100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height:100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">#stage {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>left:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>top:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:1;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">#scene {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-name:scene;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-animation-name:scene;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-animation-name:scene;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-animation-name:scene;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation-name:scene;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-duration:20s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-animation-duration:20s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-animation-duration:20s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-animation-duration:20s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation-duration:20s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-iteration-count:infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-animation-iteration-count:infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-animation-iteration-count:infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-animation-iteration-count:infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation-iteration-count:infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-fill-mode:forwards;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-animation-fill-mode:forwards;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-animation-fill-mode:forwards;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-animation-fill-mode:forwards;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation-fill-mode:forwards;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-animation-timing-function:linear;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-animation-timing-function:linear;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-animation-timing-function:linear;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-animation-timing-function:linear;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation-timing-function:linear;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-transform:perspective(10000px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-transform:perspective(10000px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-transform:perspective(10000px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-transform:perspective(10000px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform:perspective(10000px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@-webkit-keyframes scene {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -webkit-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@-moz-keyframes scene {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -moz-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@-o-keyframes scene {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -o-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@-ms-keyframes scene {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> -ms-transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">@keyframes scene{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 0% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(-360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> 100% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform :perspective(10000px) translate3d(0em, 0em, 0em) rotateX(90deg) rotateZ(360deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"></span><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*HTML</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<div class="MsoNormal">
<div id='polynode'><o:p></o:p></div>
<div class="MsoNormal">
<div
id='scene' style='margin-left: -600px; margin-top: -400px; width: 1200px;
height: 800px; left: 50%; top: 50%; -webkit-transform: perspective(10000px)
translate3d(0px, 0px, 0px);'><o:p></o:p></div>
<div class="MsoNormal">
<div
id='stage' style='-webkit-transform: translate3d(0px, 0px, 0px);'><o:p></o:p></div>
<div class="MsoNormal">
<!--model--><o:p></o:p></div>
<div class="MsoNormal">
<div
id='m' class='model' style='width: 1083.0370384877122px; height:
990.9533883642962px; -webkit-transform-style: preserve-3d; -webkit-transform:
rotateX(0rad) rotateY(0rad) rotateZ(0rad) scaleX(0.5) scaleY(0.5) scaleZ(0.5)
translate3d(0px, 0px, 0px); -webkit-transform-origin: 0px 0px 0px;'><svg
style='-webkit-transform: translate3d(22.025125019193638px,
-198.74370901626935px, -606.411284940286px) rotateX(-3.140689101447681rad)
rotateY(0.003115491349211963rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 241px; height: 681px;'><polygon points='241,681
83.0202394021466574,0 0,19.0329736166764221' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-541.7334128552534px, -244.1676562001386px, -606.3276951400974px)
rotateX(-3.140542873958767rad) rotateY(0.0005299576195720856rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 625px; height: 322px;'><polygon
points='560.1961548948897871,298.5934843759117143 625,322 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-488.24314072000703px,
-242.91758423036254px, -606.2957307962055px) rotateX(-3.141566619007892rad) rotateY(-0.00017071163392357036rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 507px; height:
217px;'><polygon points='442.1162481976260210,217
507,195.1316086985708580 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-541.9204811298941px, -221.43801496911232px, -606.3329642802187px)
rotateX(-3.1426137452757255rad) rotateY(-0.0005738502077319296rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 561px; height:
299px;'><polygon points='561,299 0,0
53.3546896047318810,103.4620477971088661' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-541.7334128552534px, -243.74369811829507px, -606.2947498712695px)
rotateX(-3.140723934653095rad) rotateY(0.000436885579106594rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 625px; height: 397px;'><polygon
points='625,397 15.3632351375963214,0 0,75.8479447838678738' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-36.057389807513346px, -198.7062691816194px, -606.2053054277822px)
rotateX(-3.145096355817424rad) rotateY(-0.009010862958803711rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 299px; height: 689px;'><polygon
points='299,689 58.1673911070372611,27.1061754969964994 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-459.7799094492995px,
-230.68475485426694px, -606.2888783938696px) rotateX(-3.142014800488722rad)
rotateY(-0.00039344573530453175rad) rotateZ(0rad) scaleX(1) scaleY(1)
scaleZ(1); width: 723px; height: 475px;'><polygon
points='615.1666366448268946,475 723,442.7913987252028392 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-459.7772246533492px, -243.80142466556674px, -606.2723105210284px)
rotateX(-3.1409155138332414rad) rotateY(0.00045456633922902334rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 616px; height:
488px;'><polygon points='542.4122687417067255,488 616,474.5519838741112153
0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(105.01133681470014px, -198.7438302033446px, -606.2646610135431px)
rotateX(-3.1413420187851497rad) rotateY(0.00029333430292100005rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 276px; height:
681px;'><polygon points='157.5313207862101592,681
276,609.0299910466056872 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-526.5517960195466px, -243.8014136818481px, -606.28675589836px)
rotateX(-3.1414905903663777rad) rotateY(-0.00006259368487993022rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 610px; height:
488px;'><polygon points='610,488 66.7947665344086943,0 0,90.8845751770811745'
style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(186.37864453773796px,
-126.87734064595395px, -606.2431734607707px) rotateX(-3.141473599246442rad)
rotateY(-0.00036564544997452764rad) rotateZ(0rad) scaleX(1) scaleY(1)
scaleZ(1); width: 306px; height: 559px;'><polygon
points='193.8960663058677767,559 306,471.2199208348031334 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(186.6878766337719px, -39.54719055178339px,
-606.2316950180801px) rotateX(-3.141073550494772rad)
rotateY(0.0002523364377786663rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 355px; height: 472px;'><polygon points='305.0428307397006051,472
355,372.6498941710871122 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-459.7799094492994px, -199.05402845827882px, -606.2503014925584px)
rotateX(-3.141192825338691rad) rotateY(0.00011054638808416506rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 723px; height: 670px;'><polygon
points='723,670 356.1072911973147370,0 0,226.5008679113371386' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(105.01133681470014px, -127.30245485080502px,
-606.2556528537644px) rotateX(-3.1409255303164816rad)
rotateY(0.0012140915267233598rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 276px; height: 610px;'><polygon points='276,610
81.5879078932451023,50.1497215063565136 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(186.6878766337718px, 59.23781959653843px, -606.2061110144759px)
rotateX(-3.140305912557918rad) rotateY(0.001058908834937533rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 355px; height: 373px;'><polygon
points='355,373 318.6689661579882795,263.5025386934919993 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-103.7262649385948px, -198.70625692594285px,
-606.2242463132028px) rotateX(-3.1409456049087376rad)
rotateY(0.0005625637124437866rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 367px; height: 689px;'><polygon points='367,689
67.3377609176201872,0 0,19.6955629274506094' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-357.548520065668px, -229.08515915157284px, -605.3261304288868px)
rotateX(-2.9862696646141744rad) rotateY(0.0651190350436397rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 241px; height: 105px;'><polygon
points='241,105 0,0 119.6079066192421863,68.2373783488361170' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-488.6057175463578px,
-242.91758437419497px, -606.2902061277857px) rotateX(-3.171020903915651rad)
rotateY(-0.014599564429679246rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 443px; height: 217px;'><polygon
points='370.9593275811901663,203.1982297226969081 443,217 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-488.70394152543673px,
-229.73802393064722px, -605.9668500339392px) rotateX(-3.1835828445075167rad)
rotateY(-0.021477680140188138rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 372px; height: 204px;'><polygon points='372,204 0,0
131.3411349800063874,97.6619490590779407' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(162.69162777277427px, 204.3113874300259px, -606.1549453365462px)
rotateX(-2.383842331904578rad) rotateY(0.5167890092495708rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 367px; height: 192px;'><polygon
points='367,192 154.4847705123633261,77.2782595436386686 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-465.3068746581791px, 253.34170327975062px, -606.1820141912445px)
rotateX(-0.40678395239500875rad) rotateY(-0.2468524788755131rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 368px; height: 208px;'><polygon
points='189.6327255573802404,54.5114931372512501 0,0 368,208' style='fill:
#424242; stroke: #424242;'></polygon></svg><svg
style='-webkit-transform: translate3d(-283.8647437959205px,
321.54019092950296px, -595.6879021959218px) rotateX(-0.637653187243178rad) rotateY(-0.42218319245385105rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 189px; height:
140px;'><polygon points='189,140 132.4627964509452624,76.3620851632450837
0,0' style='fill: #393939; stroke: #393939;'></polygon></svg><svg
style='-webkit-transform: translate3d(315.34694389283186px,
162.1355920204046px, -602.1011431622902px) rotateX(-0.42511359276358873rad)
rotateY(0.3438502931862324rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 196px; height: 155px;'><polygon points='0,155 196,14.0039021878140453
37.9069563815170127,0' style='fill: #464646; stroke:
#464646;'></polygon></svg><svg style='-webkit-transform:
translate3d(153.30338506623514px, -243.13651587227844px, -576.4386133992678px)
rotateX(1.4231407586257432rad) rotateY(0.2856569521847474rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 112px; height: 66px;'><polygon
points='0,0 74.8783451191567906,66 112,4.6177048864399879' style='fill:
#0f0f0f; stroke: #0f0f0f;'></polygon></svg><svg
style='-webkit-transform: translate3d(362.2125737347941px,
-122.39304373587021px, -595.5578459055362px) rotateX(0.6715616882251401rad)
rotateY(0.4563756471685485rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 137px; height: 97px;'><polygon points='0,97
137,68.6061626800267845 12.5083545772399951,0' style='fill: #363636; stroke:
#363636;'></polygon></svg><svg style='-webkit-transform:
translate3d(-532.3801172211414px, 160.31033217473623px, -582.1347141639535px)
rotateX(-0.2501483649185863rad) rotateY(-0.3249577581662002rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 227px; height: 89px;'><polygon
points='0,0 70.4835799789060644,89 227,10.9133857690318461' style='fill:
#404040; stroke: #404040;'></polygon></svg><svg
style='-webkit-transform: translate3d(99.63917579050144px, 367.07967250553645px,
-572.227863823687px) rotateX(-0.9148835721062019rad)
rotateY(0.4528962348874894rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 104px; height: 121px;'><polygon points='104,0 0,121
90.7354748453686852,89.8783680224912729' style='fill: #393939; stroke:
#393939;'></polygon></svg><svg style='-webkit-transform:
translate3d(-240.37132094976465px, -242.64799750659694px, -572.2034919006878px)
rotateX(1.420102676822931rad) rotateY(-0.29742021223335224rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 126px; height: 74px;'><polygon
points='52.4100085289247630,74 126,0 0,3.4213828408716669' style='fill:
#090909; stroke: #090909;'></polygon></svg><svg
style='-webkit-transform: translate3d(21.759468014784716px, 377.31251407148113px,
-575.3964115071968px) rotateX(-0.6787679505401518rad)
rotateY(-0.14548531489144767rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 84px; height: 114px;'><polygon points='84,114
81.8384107738827851,0 0,98.6286819393493346' style='fill: #3e3e3e; stroke: #3e3e3e;'></polygon></svg><svg
style='-webkit-transform: translate3d(180.012550143745px, 256.7452726698576px,
-580.9353346730251px) rotateX(-0.615415156268616rad)
rotateY(0.4250012746020839rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 148px; height: 174px;'><polygon points='92.8473630086977266,0
0,174 148,83.3288600336834975' style='fill: #434343; stroke:
#434343;'></polygon></svg><svg style='-webkit-transform:
translate3d(-60.05817958876844px, 380.37231341311576px, -576.8221062339568px)
rotateX(-0.6037753510212226rad) rotateY(0.26434180975686505rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 84px; height: 118px;'><polygon
points='0,0 23.2583140906581605,118 84,94.9625255540377822' style='fill:
#424242; stroke: #424242;'></polygon></svg><svg style='-webkit-transform:
translate3d(-151.51248685581476px, 364.62096164733407px, -568.7710134811172px)
rotateX(-0.7390979317342401rad) rotateY(-0.19506982629806924rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 117px; height: 136px;'><polygon
points='117,136 0,0 47.7621133700589624,120.9637729757884159' style='fill:
#3c3c3c; stroke: #3c3c3c;'></polygon></svg><svg
style='-webkit-transform: translate3d(-496.9380754485843px,
-120.83643751383329px, -590.8505008045568px) rotateX(0.6730899958204266rad) rotateY(-0.44053888972342126rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 179px; height:
106px;'><polygon points='145.1715306961295937,0 0,75.5882048152812160
179,106' style='fill: #2d2d2d; stroke:
#2d2d2d;'></polygon></svg><svg style='-webkit-transform:
translate3d(-462.4183883066252px, 170.23480774779784px, -579.1777097897992px)
rotateX(-0.4060218990321436rad) rotateY(-0.2466399806559365rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 190px; height: 139px;'><polygon
points='152.3664482766311892,0 0,83.9338125313008590 190,139' style='fill:
#414141; stroke: #414141;'></polygon></svg><svg
style='-webkit-transform: translate3d(349.0645708699865px,
-46.57954985701713px, -573.7791520766579px) rotateX(0.26168977360085943rad) rotateY(0.47376314792886753rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 204px; height:
96px;'><polygon points='0,92.6586028585754491 204,96
147.5398059367114740,0' style='fill: #424242; stroke:
#424242;'></polygon></svg><svg style='-webkit-transform:
translate3d(351.0645708699865px, 25.4781391630097px, -569.9885736707578px)
rotateX(-0.1525493385528578rad) rotateY(0.43412517185462374rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 200px; height: 148px;'><polygon
points='200,39.6869940970963739 0,0 159.7324428827474492,148' style='fill:
#474747; stroke: #474747;'></polygon></svg><svg
style='-webkit-transform: translate3d(254.77699381910907px,
-199.97802148249735px, -574.1339227178349px) rotateX(1.0310527416755155rad)
rotateY(0.4815295113507856rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 134px; height: 113px;'><polygon points='17.7029184214624031,113
134,36.9868305386436873 0,0' style='fill: #262626; stroke:
#262626;'></polygon></svg><svg style='-webkit-transform:
translate3d(-162.94869113531638px, 363.64485624118686px, -569.8444448938529px)
rotateX(-0.9988812717758377rad) rotateY(-0.7068633041594046rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 68px; height: 115px;'><polygon
points='5.9634954232320858,0 0,63.6662918508542290 68,115' style='fill:
#272727; stroke: #272727;'></polygon></svg><svg
style='-webkit-transform: translate3d(-550.8220350010188px,
18.700990796178644px, -562.4060592495973px) rotateX(-0.08509968756501185rad)
rotateY(-0.40130877476528726rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 229px; height: 138px;'><polygon points='229,0
0,62.4236360331657707 16.6891799311862137,138' style='fill: #3e3e3e; stroke:
#3e3e3e;'></polygon></svg><svg style='-webkit-transform:
translate3d(-554.3220350010189px, -34.454516993781056px, -568.3706892566701px)
rotateX(0.25989424729242727rad) rotateY(-0.46338768935687114rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 236px; height: 100px;'><polygon
points='59.6445972290012065,0 0,100 236,71.4155536450488881' style='fill: #383838;
stroke: #383838;'></polygon></svg><svg
style='-webkit-transform: translate3d(-363.92502792238247px,
-197.44401164461993px, -570.845736300571px) rotateX(1.025209300108918rad)
rotateY(-0.4467039465392304rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 135px; height: 121px;'><polygon points='132.3401602334827771,0
0,38.0588113205822012 135,121' style='fill: #1d1d1d; stroke:
#1d1d1d;'></polygon></svg><svg style='-webkit-transform:
translate3d(16.364625258708543px, -295.26501253872357px, -551.0682416444353px)
rotateX(-4.607818358612262rad) rotateY(-0.3339674492362592rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 114px;'><polygon
points='69,2.3547838909073442 0,0 60.5091123722620381,114' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(74.82478350541726px,
-298.13432534285414px, -550.9114297314027px) rotateX(-4.64208440173898rad)
rotateY(0.17952788305453593rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 113px;'><polygon points='0,113 82,0
7.3259380848028428,0.8876691229856348' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-48.18501984228294px, -296.2714338223239px, -549.8826857653081px)
rotateX(-4.601461341872108rad) rotateY(0.31881063204189797rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 116px;'><polygon
points='69,0 0,2.3901618181709434 11.0422695221021598,116' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-118.4029020399559px,
-297.6205365038293px, -549.3625146901513px) rotateX(-4.649248019903707rad)
rotateY(-0.18567320664695153rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 84px; height: 114px;'><polygon points='0,0 84,114 72.4415594372556910,0.1975238895917168'
style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-281.5602047837625px,
260.33781680397385px, -566.641674788979px) rotateX(-0.626754285230082rad) rotateY(-0.41641493792599893rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 133px; height:
144px;'><polygon points='55.8461967412490168,0 0,66.6339240025330355
133,144' style='fill: #3a3a3a; stroke:
#3a3a3a;'></polygon></svg><svg style='-webkit-transform:
translate3d(262.6503086240273px, 181.80370867074964px, -563.5590774259317px)
rotateX(-0.49360432030102785rad) rotateY(0.5783860903808852rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 103px; height: 153px;'><polygon
points='103,0 0,72.9489563415717441 59.3818276068490150,153' style='fill:
#424242; stroke: #424242;'></polygon></svg><svg
style='-webkit-transform: translate3d(163.15098160270634px,
276.7410047636257px, -571.747724188301px) rotateX(-1.0029281207493903rad)
rotateY(0.8733581986693068rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 132px; height: 147px;'><polygon
points='17.3633702642458196,56.9729506174749432 0,147 132,0' style='fill:
#313131; stroke: #313131;'></polygon></svg><svg
style='-webkit-transform: translate3d(351.6909547940953px, 23.91313302937749px,
-561.069317886263px) rotateX(-0.24353013944997226rad)
rotateY(0.35367438163482956rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 159px; height: 154px;'><polygon points='159,154
4.0024610019251528,0 0,148.8849123372730787' style='fill: #474747; stroke:
#474747;'></polygon></svg><svg style='-webkit-transform:
translate3d(3.073502611926301px, 379.3056288662401px, -569.6495336567502px)
rotateX(-0.922555073722039rad) rotateY(0.1506691905751667rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 101px; height: 100px;'><polygon
points='18.5359329922739349,100 101,1.0727786291782277 0,0' style='fill:
#393939; stroke: #393939;'></polygon></svg><svg
style='-webkit-transform: translate3d(-59.55817958876844px, 379.35796459082087px,
-569.1557568693797px) rotateX(-0.9848168094257705rad)
rotateY(-0.1846807101379373rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 83px; height: 100px;'><polygon points='83,100
63.3670835276580462,0 0,3.3624864741729845' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(219.5703386922521px, -235.68020874195508px, -553.2721964997312px)
rotateX(1.0780932071478588rad) rotateY(0.7089538670415652rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 67px; height: 112px;'><polygon
points='46.3090801290268885,0 0,53.3604484467920486 67,112' style='fill:
#222222; stroke: #222222;'></polygon></svg><svg
style='-webkit-transform: translate3d(351.25533877395276px,
-49.7123001989948px, -561.9604421599896px) rotateX(0.22211983891099885rad)
rotateY(0.49530924239594665rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 150px; height: 92px;'><polygon points='150,1.2296621717276670
10.1321315834272649,0 0,92' style='fill: #424242; stroke:
#424242;'></polygon></svg><svg style='-webkit-transform:
translate3d(-532.5256511658195px, 68.33052256562928px, -558.0919263459815px)
rotateX(-0.28109063471137796rad) rotateY(-0.3262256485367194rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 234px; height: 106px;'><polygon points='226.4960427763475650,106
234,0 0,96.6418621045376511' style='fill: #404040; stroke:
#404040;'></polygon></svg><svg style='-webkit-transform:
translate3d(-319.0036755058709px, 185.47372993624742px, -548.5148397735626px)
rotateX(-0.49867185663933755rad) rotateY(-0.5443102218637512rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 102px; height: 138px;'><polygon
points='42.2318391398335038,138 102,73.8423666483781176 0,0' style='fill:
#383838; stroke: #383838;'></polygon></svg><svg
style='-webkit-transform: translate3d(-244.94410567396267px,
-238.96634752325895px, -545.5388959559625px) rotateX(1.020913462194795rad)
rotateY(-0.6895776550839425rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 65px; height: 121px;'><polygon points='1.9462192595503078,121
65,58.4384848206748160 0,0' style='fill: #181818; stroke:
#181818;'></polygon></svg><svg style='-webkit-transform:
translate3d(-497.9380754485843px, -41.61551254073754px, -558.6259442194578px)
rotateX(0.24831106887313004rad) rotateY(-0.4675671972762685rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 181px; height: 75px;'><polygon
points='175.9202611041001205,75 181,0 0,4.4665369854172363' style='fill:
#383838; stroke: #383838;'></polygon></svg><svg
style='-webkit-transform: translate3d(-243.2559479841097px,
278.5820148018636px, -556.0705749790586px) rotateX(-0.979492751412017rad)
rotateY(-0.8446503374849077rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 112px; height: 125px;'><polygon points='112,60.5047743861618912
0,0 105.0587479057808196,125' style='fill: #232323; stroke:
#232323;'></polygon></svg><svg style='-webkit-transform:
translate3d(296.4332217118872px, -155.9853636373685px, -543.3059601875858px)
rotateX(0.6658826322113796rad) rotateY(0.494824954359244rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 90px; height: 150px;'><polygon
points='0,150 76.5999599582567612,96.1882322457358754 90,0' style='fill:
#343434; stroke: #343434;'></polygon></svg><svg
style='-webkit-transform: translate3d(-535.5256511658195px, 18.549096175816544px,
-553.8250912582077px) rotateX(-0.10666866894459459rad)
rotateY(-0.38822234429962443rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 240px; height: 140px;'><polygon points='0,140
240,57.5583973027726827 210.7100515392148736,0' style='fill: #3e3e3e; stroke:
#3e3e3e;'></polygon></svg><svg style='-webkit-transform:
translate3d(150.22808504480076px, -288.70602331381684px, -537.2568287591832px)
rotateX(-4.53308706807141rad) rotateY(0.5171897695780154rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 83px; height: 133px;'><polygon
points='38.6893149841283304,133 83,54.8091612017365435 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-193.31682935098962px, -289.5406150286292px,
-533.1882549168376px) rotateX(-4.560380329247353rad)
rotateY(-0.5434955063753537rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 141px;'><polygon points='82,0 0,63.5824996434221177
46.4395880408374211,141' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-362.9156601673036px,
-156.23109553179398px, -537.0231469667802px) rotateX(0.6672815965912697rad)
rotateY(-0.4569754526593295rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 112px; height: 158px;'><polygon points='0,0
33.5870076265922251,105.0295930653056899 112,158' style='fill: #2c2c2c; stroke:
#2c2c2c;'></polygon></svg><svg style='-webkit-transform:
translate3d(263.62193226251077px, -156.75054161335112px, -534.9329967347494px)
rotateX(0.5174001981978948rad) rotateY(0.6842158676711166rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 132px; height: 142px;'><polygon
points='132,0 0,39.0945946881590274 30.4840939889821207,142' style='fill:
#373737; stroke: #373737;'></polygon></svg><svg
style='-webkit-transform: translate3d(75.82478350541726px,
-303.4598508784287px, -546.7102706502524px) rotateX(-4.518361568775496rad)
rotateY(0.007164934487290164rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 80px; height: 122px;'><polygon points='0,112.9850640223572924
52.8049085813993173,122 80,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-124.63627906859386px, 281.170960013322px, -526.7816945133129px)
rotateX(-0.5792463471414668rad) rotateY(0.3791706345758761rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 92px; height: 238px;'><polygon
points='92,238 67.8073968339623434,120.7830221559635788 0,0' style='fill:
#444444; stroke: #444444;'></polygon></svg><svg
style='-webkit-transform: translate3d(262.1503086240273px,
151.21240859397471px, -534.4259660330233px) rotateX(-0.543060933983802rad)
rotateY(0.6068829184299849rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 104px; height: 110px;'><polygon points='36.8961741967922663,0 0,110
104,39.4243660096330757' style='fill: #404040; stroke:
#404040;'></polygon></svg><svg style='-webkit-transform:
translate3d(-153.01248685581476px, 277.4377437033978px, -529.7373915936265px)
rotateX(-0.8302094944432208rad) rotateY(-0.2957751944988667rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 120px; height: 239px;'><polygon
points='120,239 30.0576235440318698,0 0,105.7717482221042076' style='fill:
#393939; stroke: #393939;'></polygon></svg><svg
style='-webkit-transform: translate3d(-117.4029020399559px,
-304.56440658093254px, -544.0676236179957px) rotateX(-4.535981433735614rad)
rotateY(-0.02910608677101023rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 126px;'><polygon points='0,0 29.6293883343731252,126
82,114.8427209363382531' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-372.42502792238247px, -154.49142252393136px, -529.9795686071375px)
rotateX(0.4903719390381269rad) rotateY(-0.650571458735477rad) rotateZ(0rad) scaleX(1)
scaleY(1) scaleZ(1); width: 152px; height: 147px;'><polygon
points='125.5120304313453090,147 152,41.6895860869777906 0,0' style='fill:
#2c2c2c; stroke: #2c2c2c;'></polygon></svg><svg
style='-webkit-transform: translate3d(102.13917579050144px, 247.81177866903522px,
-521.6749348610115px) rotateX(-0.8137165860521826rad)
rotateY(0.3392566960862162rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 99px; height: 264px;'><polygon points='99,139.1024127509020332
75.1253028201690825,0 0,264' style='fill: #404040; stroke:
#404040;'></polygon></svg><svg style='-webkit-transform:
translate3d(102.66805540670566px, 250.0233045690744px, -519.14128611509px)
rotateX(-0.6788410016084128rad) rotateY(-0.1494422266670854rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 74px; height: 265px;'><polygon
points='2.0690552222428717,265 74,0 0,151.2585353827853112' style='fill:
#404040; stroke: #404040;'></polygon></svg><svg
style='-webkit-transform: translate3d(292.1814826304518px, 36.90608129696443px,
-511.4605968360776px) rotateX(-0.2561203878916156rad)
rotateY(0.7150748423762131rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 78px; height: 149px;'><polygon points='78,0 0,121.8708789425248966
72.9805585002631858,149' style='fill: #404040; stroke: #404040;'></polygon></svg><svg
style='-webkit-transform: translate3d(126.54117043562769px,
-304.42695532155153px, -539.7434684653728px) rotateX(-4.591851157031346rad)
rotateY(0.3239209534182015rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width:
65px; height: 134px;'><polygon points='28.6489142303202478,0
0,121.2056974604827957 65,134' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-320.0036755058709px, 154.68879263274687px, -523.49296734374px)
rotateX(-0.5399300469829282rad) rotateY(-0.5691115807087703rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 104px; height: 111px;'><polygon
points='67.8063789557443641,0 0,38.5476450554843666 104,111' style='fill:
#363636; stroke: #363636;'></polygon></svg><svg style='-webkit-transform:
translate3d(-149.6344424720824px, -306.68439617715035px, -535.5291872129973px)
rotateX(-4.613616495624868rad) rotateY(-0.3437233542876852rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 64px; height: 141px;'><polygon
points='0,141 64,125.1542499968026334 32.2861671943774553,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(18.260527066358463px,
-322.81523986525684px, -528.3535863358029px) rotateX(-4.503225557218244rad)
rotateY(-0.1369251895307606rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 58px; height: 162px;'><polygon points='0,0 2.2659580943280115,162
58,114.9479093133426915' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-35.819726437095596px, -322.06268989847115px, -528.2045430249092px)
rotateX(-4.499756202031243rad) rotateY(0.11077925056157611rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 57px; height: 162px;'><polygon
points='0,117.2133011284084603 57,162 54.5738403597065798,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(291.31912423682024px,
-61.21277283546971px, -505.4999550179617px) rotateX(0.1924280292129159rad)
rotateY(0.7007383326524143rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 89px; height: 91px;'><polygon points='0,31.2185780225262057
76.5306686057892875,91 89,0' style='fill: #3d3d3d; stroke:
#3d3d3d;'></polygon></svg><svg style='-webkit-transform:
translate3d(176.7268472506306px, 229.76418011817236px, -501.4393300712462px)
rotateX(-1.0383186153952497rad) rotateY(0.8842299066273227rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 116px; height: 139px;'><polygon
points='116,84.3810431813864312 102.1676413501755576,0 0,139' style='fill:
#2f2f2f; stroke: #2f2f2f;'></polygon></svg><svg
style='-webkit-transform: translate3d(-320.04557800292963px,
83.4461927095831px, -503.56297034454104px) rotateX(-0.2513253672482689rad)
rotateY(-0.6779861969350831rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 74px; height: 106px;'><polygon points='0,106
74,78.6459805596262527 8.6140342700547894,0' style='fill: #353535; stroke:
#353535;'></polygon></svg><svg style='-webkit-transform:
translate3d(3.073502611926301px, 358.79607503821205px, -501.58294586282534px)
rotateX(-1.323988433086025rad) rotateY(0.13470828442136829rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 101px; height: 67px;'><polygon
points='22.2770228871079574,0 0,59.3520581538395078 101,67' style='fill: #262626;
stroke: #262626;'></polygon></svg><svg
style='-webkit-transform: translate3d(-59.22114793897606px,
348.2254413609695px, -497.6735813403453px) rotateX(-1.1468774979875618rad)
rotateY(-0.173877791160582rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 64px; height: 77px;'><polygon points='30.9613086063634491,0 0,77
64,70.9295940956459816' style='fill: #2c2c2c; stroke:
#2c2c2c;'></polygon></svg><svg style='-webkit-transform:
translate3d(-340.5519377941221px, -58.11777580491565px, -495.048866684016px) rotateX(0.2625571486758864rad)
rotateY(-0.6414822051571702rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 93px; height: 75px;'><polygon points='5.5082186656832244,0 0,75
93,34.5026631394449907' style='fill: #323232; stroke: #323232;'></polygon></svg><svg
style='-webkit-transform: translate3d(-244.2559479841097px,
228.65442037271896px, -493.95195420739594px) rotateX(-1.004631497632643rad)
rotateY(-0.8534309525524284rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 114px; height: 144px;'><polygon points='0,84.6633170004666766
114,144 17.1993821610941069,0' style='fill: #222222; stroke:
#222222;'></polygon></svg><svg style='-webkit-transform:
translate3d(237.26193705881678px, 176.89908672555885px, -512.8324817567643px)
rotateX(-0.9504398591913988rad) rotateY(1.1206333576927086rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 90px; height: 93px;'><polygon
points='90,0 0,9.1003225096662774 19.9332410490256002,93' style='fill: #2a2a2a;
stroke: #2a2a2a;'></polygon></svg><svg style='-webkit-transform:
translate3d(288.70727052463326px, 38.093392749748546px, -507.19240362116005px)
rotateX(-0.2746792742671764rad) rotateY(0.7364865717670306rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 83px; height: 121px;'><polygon
points='0,18.3994577150903353 2.6300449071432062,121 83,0' style='fill:
#3f3f3f; stroke: #3f3f3f;'></polygon></svg><svg
style='-webkit-transform: translate3d(-343.33172090785706px,
31.083291414023392px, -488.86991088710516px) rotateX(-0.307582095568252rad) rotateY(-0.6978843995686872rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 103px; height:
55px;'><polygon points='0,0 34.2331221970929889,55
103,28.6183240419103591' style='fill: #333333; stroke:
#333333;'></polygon></svg><svg style='-webkit-transform:
translate3d(24.111105280598395px, 351.8289237115662px, -497.35240034431143px)
rotateX(-1.1573252705250479rad) rotateY(0.2692267685701686rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 81px; height: 74px;'><polygon
points='81,74 55.6362415994867092,0 0,10.0379018551671333' style='fill:
#2f2f2f; stroke: #2f2f2f;'></polygon></svg><svg
style='-webkit-transform: translate3d(292.20727052463326px,
-33.78424589108488px, -496.2672124720406px) rotateX(0.09259610633819926rad)
rotateY(0.63548479077955rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 76px; height: 102px;'><polygon points='76,64.3717039157731534
2.8693878140935607,0 0,102' style='fill: #404040; stroke:
#404040;'></polygon></svg><svg style='-webkit-transform:
translate3d(-278.2908534553107px, 179.5110201926543px, -501.17560425540586px)
rotateX(-0.9031567563559681rad) rotateY(-1.0860707085336507rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 89px; height: 97px;'><polygon
points='0,0 64.5622869675043489,97 89,13.2107809491583144' style='fill: #1a1a1a;
stroke: #1a1a1a;'></polygon></svg><svg
style='-webkit-transform: translate3d(-28.936319039562477px,
355.1543299880366px, -493.1520870999349px) rotateX(-1.180455982188487rad)
rotateY(-0.24539891489056131rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 56px; height: 71px;'><polygon points='56,11.5324286819244488 0,0
32.7770540820258987,71' style='fill: #2a2a2a; stroke:
#2a2a2a;'></polygon></svg><svg style='-webkit-transform:
translate3d(210.0703386922521px, -246.8232640777568px, -468.61455813395276px)
rotateX(-4.618423356547774rad) rotateY(0.932358434319956rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 86px; height: 148px;'><polygon
points='57.7845371367262501,148 86,24.2880778679671145 0,0' style='fill:
#080808; stroke: #080808;'></polygon></svg><svg
style='-webkit-transform: translate3d(-313.2169539083646px,
61.734346449770214px, -493.4543034867821px) rotateX(-0.28106365638149566rad)
rotateY(-0.7052882113000654rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 69px; height: 102px;'><polygon points='69,0 0,24.4681316440239200
66.2045851003827863,102' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(-101.73860641915024px, 301.87152246045673px, -486.7237645547876px)
rotateX(-0.9675742660979286rad) rotateY(-0.553585165135194rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 120px;'><polygon
points='43.7783585903678656,120 80,45.2377839998918105 0,0' style='fill:
#2c2c2c; stroke: #2c2c2c;'></polygon></svg><svg style='-webkit-transform:
translate3d(-338.83172090785706px, -29.395053161950727px,
-487.03684481945044px) rotateX(0.08254768012821301rad)
rotateY(-0.5673011071341589rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 94px; height: 102px;'><polygon points='94,102
87.9194242534852890,0 0,49.6877999980919896' style='fill: #383838; stroke:
#383838;'></polygon></svg><svg style='-webkit-transform:
translate3d(70.87179308613452px, 272.19231913505723px, -479.9906856312656px)
rotateX(-1.0492548257938155rad) rotateY(0.548370128087881rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 145px;'><polygon
points='27.6461301029382085,145 114,0 0,72.4900993810070702' style='fill:
#343434; stroke: #343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(185.54269538338735px, -287.5830513406976px, -481.770070410251px)
rotateX(-4.56792635191883rad) rotateY(0.5690827575825821rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 46px; height: 132px;'><polygon
points='43.8504266350745766,132 46,0 0,77.2922434495401802' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-121.86149359875776px,
291.7249467504306px, -491.05721147158954px) rotateX(-0.7658024841492364rad)
rotateY(0.03587982450680727rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 64px; height: 124px;'><polygon points='64,124
25.7679064277126351,1.9603184740765909 0,0' style='fill: #3e3e3e; stroke:
#3e3e3e;'></polygon></svg><svg style='-webkit-transform:
translate3d(168.44212500504625px, 231.02853815023616px, -493.92196276273893px)
rotateX(-0.772240741420204rad) rotateY(0.5521080107337297rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 102px; height: 155px;'><polygon
points='102,0 0,15.4690691147911696 25.7173030109125094,155' style='fill:
#3d3d3d; stroke: #3d3d3d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-220.2262890132393px,
233.19003544517602px, -484.6191757562032px) rotateX(-0.7599950262210798rad)
rotateY(-0.5120465882078777rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 106px; height: 157px;'><polygon points='0,0
72.2529046288795485,157 106,51.3768152631604806' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(-253.69333720770402px, -242.69686005653477px, -458.9593421049998px)
rotateX(-4.672108935787781rad) rotateY(-0.950270444761443rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 84px; height: 153px;'><polygon
points='84,0 0,29.5126632928808839 34.2628808835363827,153' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-191.51564656655614px,
-284.01799946901434px, -472.497392277984px) rotateX(-4.596659090721529rad)
rotateY(-0.5928560491752393rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 48px; height: 132px;'><polygon points='48,75.6866307072898934 0,0
5.7658745733506152,132' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(75.74527374027286px, -343.959340485287px, -441.0655364282288px)
rotateX(-4.1961271068400015rad) rotateY(0.05808702291679002rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 53px; height: 124px;'><polygon
points='7.9984405831899048,124 53,8.0024456355629816 0,0' style='fill: #000000;
stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(240.7197646493987px,
-148.5869511460612px, -456.94511292963136px) rotateX(1.2800419169032637rad)
rotateY(1.2997355565300384rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 97px; height: 144px;'><polygon points='0,144
97,61.0724320594285572 8.0828183242923028,0' style='fill: #161616; stroke:
#161616;'></polygon></svg><svg style='-webkit-transform:
translate3d(-88.09448266968013px, -341.98579968111073px, -437.9184550516451px)
rotateX(-4.2005099524300835rad) rotateY(-0.09521821949347675rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 53px; height: 124px;'><polygon
points='53,0 0,9.6580503031664389 45.8721319789791764,124' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(211.23050767793427px,
-257.7905484614293px, -469.7833233112973px) rotateX(-4.576517090811563rad)
rotateY(0.9904901965517823rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 66px; height: 146px;'><polygon points='2.3261901453331681,0 0,131.4763413541031127
66,146' style='fill: #080808; stroke:
#080808;'></polygon></svg><svg style='-webkit-transform:
translate3d(80.13186914338837px, -330.5858902748907px, -433.078562299685px)
rotateX(-4.32108365000173rad) rotateY(0.362211461358378rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 113px; height: 115px;'><polygon
points='47.9284140061020096,0 0,115 113,6.6765515733846925' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(235.18634730061206px,
71.02150969722504px, -433.7879376226397px) rotateX(-0.14505749716495941rad)
rotateY(1.441633631674728rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 118px; height: 102px;'><polygon points='0,36.1916349705230189
118,102 102.3538188681727945,0' style='fill: #212121; stroke:
#212121;'></polygon></svg><svg style='-webkit-transform:
translate3d(-296.079976780208px, -149.84142588646807px, -450.5629844002865px)
rotateX(1.1276156662093895rad) rotateY(-1.2979862634104649rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 107px; height: 142px;'><polygon
points='77.8702887562107122,0 0,74.4623017070566533 107,142' style='fill:
#050505; stroke: #050505;'></polygon></svg><svg
style='-webkit-transform: translate3d(18.875377163173653px, -336.2539046813138px,
-437.00645171256247px) rotateX(-4.223457159611768rad)
rotateY(-0.3496105350262768rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 67px; height: 124px;'><polygon points='0,42.2897165159646136
67,124 58.4575080552764277,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(237.26193705881678px, 93.4652387996723px, -425.54903082849063px)
rotateX(-0.968316612219133rad) rotateY(1.1213597514612395rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 90px; height: 138px;'><polygon
points='54.8932538774601042,0 0,138 90,129.7789307538741070' style='fill:
#2a2a2a; stroke: #2a2a2a;'></polygon></svg><svg
style='-webkit-transform: translate3d(-152.30227297685275px, -326.9649363834876px,
-428.8869109672397px) rotateX(-4.330112931427932rad)
rotateY(-0.3953779815363747rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 115px; height: 113px;'><polygon points='0,9.1749826152044669
115,113 65.0315923669630962,0' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-44.02028015842586px,
-335.9117231874748px, -434.72894793948944px) rotateX(-4.222024444152151rad)
rotateY(0.3098019578610638rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 67px; height: 124px;'><polygon points='6.7210709783599016,0 0,124
67,40.5040946193215703' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(24.31484296002725px, 345.0116982745874px, -429.7617683204727px)
rotateX(-1.6905834151596324rad) rotateY(0.32123221522982415rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 57px; height: 77px;'><polygon
points='0,77 57,74.8835306473934139 50.2688215134206331,0' style='fill:
#121212; stroke: #121212;'></polygon></svg><svg
style='-webkit-transform: translate3d(-231.34107787965786px,
-259.47602347874897px, -459.83528613371396px) rotateX(-4.6308926311741505rad)
rotateY(-1.0168717082157248rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 64px; height: 151px;'><polygon points='0,151 64,131.6259325438507517
54.5309180961052533,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(234.2197646493987px, -99.8854279961783px, -426.91442685106495px)
rotateX(0.015383870709959613rad) rotateY(1.3327062893953767rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 110px; height: 165px;'><polygon
points='0,0 99.5456707954911764,165 110,63.7324373295655562' style='fill:
#272727; stroke: #272727;'></polygon></svg><svg style='-webkit-transform:
translate3d(-29.436319039562477px, 343.1124175848064px, -428.3231864344999px)
rotateX(-1.669626482267979rad) rotateY(-0.3112159570257771rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 57px; height: 80px;'><polygon
points='12.8647442293310039,0 0,75.3063561129968093 57,80' style='fill:
#0d0d0d; stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-107.73860641915024px,
314.8493950688379px, -433.0333862571781px) rotateX(-1.6546616367661835rad)
rotateY(-0.7336069914596854rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 92px; height: 56px;'><polygon points='37.0155717485009532,0
0,46.6461120565053733 92,56' style='fill: #090909; stroke:
#090909;'></polygon></svg><svg style='-webkit-transform:
translate3d(-302.419530252772px, 77.68867853919403px, -421.77459317538626px)
rotateX(-0.1934298283786764rad) rotateY(-1.38849027337216rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 117px; height: 102px;'><polygon
points='117,33.1938211893486752 10.7464905540444136,0 0,102' style='fill:
#0d0d0d; stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(60.87179308613452px,
304.26997548349357px, -433.2387247767643px) rotateX(-1.7409466052262574rad)
rotateY(0.7596052130979077rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 134px; height: 50px;'><polygon points='0,50
134,31.1069919317093877 61.1128579632863520,0' style='fill: #121212; stroke:
#121212;'></polygon></svg><svg style='-webkit-transform:
translate3d(-278.7908534553107px, 94.39936753982738px, -417.9906525275255px)
rotateX(-0.9213533070683521rad) rotateY(-1.0872607093208675rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 90px; height: 139px;'><polygon
points='45.4566402149640822,0 0,127.1414086534843904 90,139' style='fill:
#1a1a1a; stroke: #1a1a1a;'></polygon></svg><svg
style='-webkit-transform: translate3d(-295.579976780208px,
-97.90130915001373px, -419.15086201202143px) rotateX(-0.04443736963950906rad)
rotateY(-1.29391955908442rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 106px; height: 170px;'><polygon points='106,0
0,68.9925517183863093 16.2443380723538162,170' style='fill: #131313; stroke:
#131313;'></polygon></svg><svg style='-webkit-transform:
translate3d(235.28844788318543px, -217.26753178372218px, -436.15777739540295px)
rotateX(1.2723225035193897rad) rotateY(1.3320685045711835rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 144px;'><polygon
points='70,0 0,105.0510984393775828 60.2201216491389602,144' style='fill:
#161616; stroke: #161616;'></polygon></svg><svg
style='-webkit-transform: translate3d(-200.08994748273233px,
193.36177849957323px, -414.32013913519734px) rotateX(-0.5400019133317246rad)
rotateY(0.05198053380538736rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 105px; height: 128px;'><polygon points='0,0
78.3228497622217077,126.2080187718600399 105,128' style='fill: #444444; stroke:
#444444;'></polygon></svg><svg style='-webkit-transform:
translate3d(-223.2262890132393px, 195.57012585986274px, -415.7668669894576px)
rotateX(-1.008830645996985rad) rotateY(-0.5989938373908625rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 112px; height: 115px;'><polygon
points='16.3716028851523987,0 0,77.3326053605887012 112,115' style='fill:
#2a2a2a; stroke: #2a2a2a;'></polygon></svg><svg style='-webkit-transform:
translate3d(167.74510057704663px, 191.68918008879416px, -406.9495132412967px)
rotateX(-1.0537039562884574rad) rotateY(0.5702713060642384rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 104px; height: 90px;'><polygon
points='104,0 0,90 102.9502173236307954,90' style='fill: #323232; stroke:
#323232;'></polygon></svg><svg style='-webkit-transform:
translate3d(65.82026432067391px, 319.5442659041287px, -426.7763064754608px)
rotateX(-1.6499842913029656rad) rotateY(0.701365504839767rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 66px; height: 75px;'><polygon
points='7.7682214873716147,75 66,21.7789759000839460 0,0' style='fill: #171717;
stroke: #171717;'></polygon></svg><svg
style='-webkit-transform: translate3d(-75.86831290327655px, 322.82812337311475px,
-425.4415320168861px) rotateX(-1.5898186955004863rad)
rotateY(-0.6813335937424427rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 68px; height: 75px;'><polygon points='68,0 0,17.4518294787166042
51.8072941978003030,75' style='fill: #0d0d0d; stroke:
#0d0d0d;'></polygon></svg><svg style='-webkit-transform:
translate3d(214.56514589805306px, -81.15260730803135px, -415.6199145621914px)
rotateX(0.34300909299591953rad) rotateY(1.409808458989364rad) rotateZ(0rad) scaleX(1)
scaleY(1) scaleZ(1); width: 147px; height: 164px;'><polygon
points='99.2513429982976447,164 147,124.7524839432231687 0,0' style='fill:
#212121; stroke: #212121;'></polygon></svg><svg
style='-webkit-transform: translate3d(239.71213519479352px, 79.33718915623945px,
-421.6522831440441px) rotateX(-0.2798529687451454rad)
rotateY(1.4464129237664394rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 107px; height: 23px;'><polygon points='0,23 107,0
45.2621488988973226,4.3889819390753271' style='fill: #202020; stroke: #202020;'></polygon></svg><svg
style='-webkit-transform: translate3d(-270.0357601436104px,
-205.7253875753849px, -422.41226928942604px) rotateX(1.0876426391501126rad)
rotateY(-1.3419185083578915rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 88px; height: 140px;'><polygon points='34.4467030892917379,140
88,92.4138086000197490 0,0' style='fill: #050505; stroke:
#050505;'></polygon></svg><svg style='-webkit-transform:
translate3d(24.847530755471098px, 344.5779923534334px, -428.59399758602854px)
rotateX(-1.6375631558034385rad) rotateY(0.24294712391412032rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 50px; height: 80px;'><polygon
points='50,2.5772729571425375 3.5158016100464047,0 0,80' style='fill: #151515;
stroke: #151515;'></polygon></svg><svg style='-webkit-transform:
translate3d(-16.60666876515063px, 345.45068218906056px, -428.53515523167994px)
rotateX(-1.6173544109613196rad) rotateY(-0.2183427147553918rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 47px; height: 80px;'><polygon
points='42.6357967366066859,80 47,0.4205789148408473 0,0' style='fill: #111111;
stroke: #111111;'></polygon></svg><svg
style='-webkit-transform: translate3d(-228.34302732512703px,
236.5482048987119px, -414.39380076469183px) rotateX(-1.575988682179875rad)
rotateY(-0.8011377082422135rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 189px; height: 70px;'><polygon points='149.4034471311844072,70
189,25.2935144291611174 0,0' style='fill: #0d0d0d; stroke:
#0d0d0d;'></polygon></svg><svg style='-webkit-transform: translate3d(92.66088401614218px,
237.49997014531857px, -406.26293523579983px) rotateX(-1.545662179385039rad)
rotateY(0.8085235933603134rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 202px; height: 53px;'><polygon points='75.5443444995149065,53 202,0
0,31.1586597151627629' style='fill: #1b1b1b; stroke:
#1b1b1b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-301.85975989394296px, -86.4687869467869px, -408.73177065248524px)
rotateX(0.1715743143891446rad) rotateY(-1.3704633533306123rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 123px; height: 178px;'><polygon
points='55.1664994264112636,178 123,0 0,146.7421206264176021' style='fill:
#0d0d0d; stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-298.4453722135288px, 87.0693132761977px,
-409.5529600684603px) rotateX(-0.38543601109285297rad)
rotateY(-1.3957670163713667rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 111px; height: 16px;'><polygon points='111,16
63.0417069443489311,0 0,2.5886584837477153' style='fill: #0c0c0c; stroke:
#0c0c0c;'></polygon></svg><svg style='-webkit-transform:
translate3d(240.69594159464202px, 109.388922653799px, -416.6603365106376px)
rotateX(-1.0672556907998152rad) rotateY(1.207732226081563rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 68px; height: 132px;'><polygon
points='68,0 1.7062305151083348,42.8678226352526508 0,132' style='fill:
#252525; stroke: #252525;'></polygon></svg><svg
style='-webkit-transform: translate3d(-247.46349599042276px,
117.1546575325932px, -399.2134355081176px) rotateX(-0.8634269972206775rad)
rotateY(-0.9840637804513457rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 62px; height: 141px;'><polygon points='0,0 36.5891986000296825,141
62,65.7411693498114715' style='fill: #202020; stroke:
#202020;'></polygon></svg><svg style='-webkit-transform:
translate3d(50.75630671583758px, 295.2218544007045px, -384.0537181114312px)
rotateX(-1.7116580245835413rad) rotateY(0.6846043928756897rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 201px; height: 46px;'><polygon
points='201,0 0,20.8358251595498167 64.8638637906324362,46' style='fill:
#131313; stroke: #131313;'></polygon></svg><svg
style='-webkit-transform: translate3d(98.66088401614218px,
225.23732258954385px, -395.8153062742057px) rotateX(-2.2958034473058015rad)
rotateY(0.7429877488181231rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 190px; height: 77px;'><polygon points='0,0 190,77
142.4020509292741963,9.5153654662666103' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-192.14890865265852px, 294.59793531266223px, -376.0790224244969px)
rotateX(-1.6550750888022414rad) rotateY(-0.6670485530397534rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 198px; height: 55px;'><polygon
points='130.5429308004161157,55 198,34.7594412559279604 0,0' style='fill:
#0a0a0a; stroke: #0a0a0a;'></polygon></svg><svg
style='-webkit-transform: translate3d(146.49465633001853px,
-415.87994863312036px, -350.98287218888834px) rotateX(-4.292665178939746rad)
rotateY(0.792529469579466rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 94px; height: 262px;'><polygon points='94,45.7333282645016155
41.0523874618063829,0 0,262' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-224.84302732512703px, 241.23728860174344px, -389.94437431691176px)
rotateX(-2.1975594597950074rad) rotateY(-0.7602909478770554rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 182px; height: 64px;'><polygon
points='39.8835407386830170,0 0,64 182,5.3651962245945732' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(20.375377163173653px,
-425.77131872456107px, -367.868248952198px) rotateX(-4.078685750368532rad) rotateY(-0.17281908628130482rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 64px; height:
209px;'><polygon points='64,83.6559280794642177 0,0
0.9815787308131528,209' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-42.53680163481101px, -424.60629264899273px, -367.0190310335656px)
rotateX(-4.077294251723071rad) rotateY(0.12542173335489037rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 65px; height: 209px;'><polygon
points='65,209 63.3830473431771040,0 0,85.1738062609205429' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-199.09841414323938px,
-411.05661711601107px, -343.9197021550658px) rotateX(-4.320694381426424rad)
rotateY(-0.8264098998577527rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 101px; height: 260px;'><polygon points='101,260
51.6087836046302897,0 0,47.5845229775911776' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(81.63186914338837px, -442.87059304605384px, -363.49416651626px)
rotateX(-4.210269376390096rad) rotateY(0.25803142749799957rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 110px; height: 264px;'><polygon
points='79.4152754236518774,264 110,0 0,111.3806468057063341' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(199.78103980116964px,
-79.72085872671659px, -373.08970011512395px) rotateX(-4.418457375584317rad)
rotateY(1.47651240176221rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 169px; height: 133px;'><polygon points='62.3870734842609451,133
169,0 0,89.8227199561714258' style='fill: #101010; stroke:
#101010;'></polygon></svg><svg style='-webkit-transform:
translate3d(-51.4929064202496px, 366.75371672894687px, -353.58623656083904px)
rotateX(-2.292624359505964rad) rotateY(-0.1771468768962221rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 82px; height: 95px;'><polygon
points='0,0 35.3252992479679762,95 82,88.6664798896088229' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-150.30227297685275px,
-439.52907851650474px, -356.4608405702945px) rotateX(-4.222481048597411rad)
rotateY(-0.30053972133831675rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 111px; height: 262px;'><polygon points='111,107.4467553352948528
0,0 34.6035883662404729,262' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(241.3837707399383px, 123.51566285477156px, -363.7294939912299px)
rotateX(-2.323070324873947rad) rotateY(1.1995948699698165rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 80px;'><polygon
points='64.0766640185480298,80 69,0 0,35.0081556674880545' style='fill:
#070707; stroke: #070707;'></polygon></svg><svg
style='-webkit-transform: translate3d(-329.8708130243256px,
-30.448914847799756px, -353.6137174880562px) rotateX(1.3253472359621319rad)
rotateY(-1.5000726630162093rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 190px; height: 71px;'><polygon points='157.7764779928987480,71
190,0 0,11.6006301801263731' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-254.96349599042276px, 136.50545292179675px, -362.034563996938px)
rotateX(-2.365963390573877rad) rotateY(-1.1158524404960404rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 77px; height: 71px;'><polygon
points='0,71 77,24.5885312824058602 5.0207710987224505,0' style='fill: #000000;
stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(57.75630671583758px,
277.79064609434306px, -361.28345191142193px) rotateX(-2.5168815433233975rad)
rotateY(0.5851138268352392rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 187px; height: 114px;'><polygon points='187,114 133.4115309259630067,0
0,36.6382444551054647' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(28.660390793807892px, 355.50860203609545px, -334.19174561378287px)
rotateX(-2.29596592606611rad) rotateY(0.1590722852682751rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 87px; height: 153px;'><polygon
points='0,144.0356214048877916 44.8511316382753833,153 87,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(196.83033548189906px,
38.402320086843815px, -334.5236460768786px) rotateX(0.24974580428613535rad)
rotateY(1.3842426494227495rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 161px; height: 67px;'><polygon points='0,0 130.4520067307391002,67
161,27.9934030134934524' style='fill: #242424; stroke:
#242424;'></polygon></svg><svg style='-webkit-transform:
translate3d(200.60321465439688px, 175.90609767632873px, -355.38770711654536px)
rotateX(-1.8549177487643433rad) rotateY(1.028895170592675rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 116px; height: 61px;'><polygon
points='0,12.9679897431255231 67.0093265039587749,61 116,0' style='fill:
#101010; stroke: #101010;'></polygon></svg><svg
style='-webkit-transform: translate3d(-187.64890865265858px, 279.75123578486136px,
-338.0633769163697px) rotateX(-2.4853663669612773rad)
rotateY(-0.6085388217755234rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 189px; height: 159px;'><polygon points='189,91.6407833852345277
146.5913930717682092,0 0,159' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(203.79774832537794px, -353.3390337425892px, -312.1825592548359px)
rotateX(-4.243227591884297rad) rotateY(1.0024395521243847rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 76px; height: 217px;'><polygon
points='0,217 76,0 9.0395500204278143,4.9856704615606704' style='fill: #000000;
stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-255.9098871486393px, 184.31409096042444px,
-353.0934792390581px) rotateX(-1.923216671652743rad)
rotateY(-0.9869288304429555rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 110px; height: 54px;'><polygon points='110,0 0,4.1014791773443768
57.2739239433191045,54' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-300.45869803240913px,
31.93378717826829px, -325.9987656119492px) rotateX(0.07791130051176687rad)
rotateY(-1.3383698196924434rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 153px; height: 88px;'><polygon points='153,0 0,52.8941740431591327
35.6306470584077601,88' style='fill: #0f0f0f; stroke:
#0f0f0f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-237.5128786282276px, -345.3901511365034px, -301.7356939027159px)
rotateX(-4.290727393999448rad) rotateY(-1.0422584630417218rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 86px; height: 211px;'><polygon
points='86,211 66.3665903720152528,0.2437884989419215 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(219.83033548189906px, -52.80011017093523px, -329.91119033784616px)
rotateX(-0.3811392730398089rad) rotateY(1.3084775402828757rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 115px; height: 166px;'><polygon
points='0,50.1015096686146180 115,166 76.2561379371144028,0' style='fill:
#292929; stroke: #292929;'></polygon></svg><svg
style='-webkit-transform: translate3d(-51.582008549547595px,
360.84734500081834px, -327.18717062482096px) rotateX(-2.298537693633801rad)
rotateY(-0.18350212047104608rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 87px; height: 155px;'><polygon points='81.1713696095379476,155
87,0 0,65.5586004372290461' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform: translate3d(135.65236075093424px,
216.06639180220964px, -311.30681589949785px) rotateX(-2.093843681726031rad)
rotateY(1.0300445700472944rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 202px; height: 103px;'><polygon points='202,103 0,0 85.2823607882144756,91.5497517898233752'
style='fill: #070707; stroke: #070707;'></polygon></svg><svg
style='-webkit-transform: translate3d(63.30545281237505px,
339.36256879864595px, -315.2717418490478px) rotateX(-2.422963224752201rad)
rotateY(0.5612474092979689rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 132px; height: 151px;'><polygon points='132,107.3350637402841414
48.6812700453372074,0 0,151' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(234.20634592611964px, -307.4525367168985px, -290.7807709621235px)
rotateX(-4.179355739223412rad) rotateY(1.3630275926809077rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 236px;'><polygon
points='21.0369287625496497,236 70,0 0,17.5929706514287290' style='fill:
#080808; stroke: #080808;'></polygon></svg><svg
style='-webkit-transform: translate3d(-280.95869803240913px,
-46.491963862703074px, -317.784457669934px) rotateX(-0.3975034562823092rad)
rotateY(-1.2557519986483574rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 114px; height: 165px;'><polygon points='114,49.3630396688794448
35.9816705760171800,0 0,165' style='fill: #161616; stroke:
#161616;'></polygon></svg><svg style='-webkit-transform:
translate3d(-273.4221386346291px, 216.91720160536886px, -304.00736865213537px)
rotateX(-2.0460592007522678rad) rotateY(-0.9808827519036334rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 190px; height: 108px;'><polygon
points='108.7088487317622736,92.3437405051768110 190,0 0,108' style='fill: #000000;
stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-192.5351463077575px,
281.3602311141848px, -328.46561405719734px) rotateX(-2.3022498157474542rad)
rotateY(-0.7463365916318416rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 164px; height: 141px;'><polygon points='0,141 164,0
61.2594066836970583,34.0504323701356455' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(220.605576522707px, -97.27450326766842px, -315.6165492403624px)
rotateX(-3.200005803918325rad) rotateY(1.4760535400162451rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 123px; height: 44px;'><polygon
points='123,39.3610313940293253 62.0858161704129685,0 0,44' style='fill:
#0d0d0d; stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(21.3588556867885px,
-424.01189810651175px, -326.5789338035482px) rotateX(-4.096231414947715rad)
rotateY(-0.1381659713506327rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 63px; height: 145px;'><polygon points='0,125.4329137431252406
50.5333796162053162,145 63,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(28.660390793807892px, 360.88565780338865px, -327.1061624147991px)
rotateX(-2.310106404029468rad) rotateY(0.1821899254202981rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 87px; height: 155px;'><polygon
points='87,10.3118075675081542 4.9029430149826698,0 0,155' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-261.3666450320266px, -288.5984422878956px, -274.6627348438492px)
rotateX(-4.32209732132734rad) rotateY(-1.398862613969572rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 228px;'><polygon
points='80,228 70.7657931588252467,9.3876160725139215 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-44.71788597482396px,
-422.44691092908187px, -324.61115359413515px) rotateX(-4.151719685005402rad)
rotateY(-0.018365884208928485rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 67px; height: 144px;'><polygon points='2.3625671225077105,0 0,144
67,124.0007149540655291' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-288.13193361777957px, -114.73089513768684px, -301.0140277924053px)
rotateX(-2.82549840403819rad) rotateY(-1.5187266186476522rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 65px;'><polygon
points='0,13.8535049675822215 114,65 70.5425785623614132,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(207.65324317751913px,
62.75902753823971px, -282.1049163330773px) rotateX(-2.557653419746875rad)
rotateY(1.493981845717285rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 171px; height: 77px;'><polygon points='0,77
171,54.0725436548561262 23.0613898519449165,0' style='fill: #0f0f0f; stroke:
#0f0f0f;'></polygon></svg><svg style='-webkit-transform:
translate3d(68.2778445116179px, -418.00941346991095px, -317.7964433740501px)
rotateX(-4.140737527646984rad) rotateY(0.3809868284543019rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 96px; height: 150px;'><polygon
points='12.8055567662157763,0 0,144.0687513356116369 96,150' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(151.49465633001853px,
-404.19830277210144px, -330.1009995554845px) rotateX(-4.225392889166402rad)
rotateY(0.6694871478805299rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 84px; height: 220px;'><polygon points='0,220
77.6577642675609923,211.3046668429848012 84,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-118.77599968497208px, -414.8278133362296px, -311.46671779629753px)
rotateX(-4.144178543613723rad) rotateY(-0.4437731480489422rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 81px; height: 153px;'><polygon
points='0,153 77.7999481586716968,143.1561472402920572 81,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-313.91121613510006px,
41.34416011892017px, -290.62926184877693px) rotateX(-1.898288552696632rad)
rotateY(-1.5094889431041825rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 156px; height: 123px;'><polygon points='156,61.6293889261142667
0,0 119.5207008168191010,123' style='fill: #030303; stroke:
#030303;'></polygon></svg><svg style='-webkit-transform:
translate3d(-194.09841414323938px, -398.6394370972641px, -321.9293841050835px)
rotateX(-4.252029702880101rad) rotateY(-0.7154599339578525rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 91px; height: 217px;'><polygon
points='0,0 12.7934627766996147,210.6707721888985247 91,217' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(107.49091717577357px,
401.51082782447133px, -286.26800740363376px) rotateX(-1.3121749469535224rad)
rotateY(1.164525628269577rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 112px; height: 23px;'><polygon points='110.2082684260918910,23
112,2.9406587607083110 0,0' style='fill: #1f1f1f; stroke:
#1f1f1f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-139.54739779374734px, 374.6010941482457px, -278.45429000175517px)
rotateX(-2.300188719522864rad) rotateY(-0.7468376772429322rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 103px; height: 100px;'><polygon
points='103,65.2579606516285082 80.9206253865055913,0 0,100' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(253.0555495615081px, -18.413313366189982px, -303.92712120781516px)
rotateX(-4.175326003584218rad) rotateY(0.8408387387862664rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 56px; height: 171px;'><polygon
points='56,171 36.2837542864061575,0 0,141.6577128204637575' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(105.9120359345684px, 370.6623039545975px,
-291.2383979523745px) rotateX(-2.3399495774562125rad) rotateY(0.6458378590822309rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 88px; height:
104px;'><polygon points='0,0 88,104
33.1237048634752966,4.8796333506115230' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-68.5407943049753px, 433.4763358572228px, -291.04236035839153px)
rotateX(-2.1492546205581116rad) rotateY(-0.29029892033255433rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 67px;'><polygon
points='0,0 16.6126730670602676,67 105,4.2381935762864966' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(220.6548722034364px,
-65.20017112863866px, -277.2121620867125px) rotateX(-1.3823347441815979rad)
rotateY(1.3339056558327078rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 109px; height: 68px;'><polygon points='109,0 0,32.6298915967563872
84.2623514444144348,68' style='fill: #1c1c1c; stroke:
#1c1c1c;'></polygon></svg><svg style='-webkit-transform:
translate3d(-155.0061835491751px, 389.2493108845148px, -271.7155497578062px)
rotateX(-0.7773141927373203rad) rotateY(-1.0422301289396558rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 118px; height: 56px;'><polygon
points='118,56 7.3280235767150383,0 0,5.2152760676616658' style='fill: #1e1e1e;
stroke: #1e1e1e;'></polygon></svg><svg
style='-webkit-transform: translate3d(214.15526791069453px,
-268.0967888772335px, -269.84997684401435px) rotateX(-4.223168758110157rad)
rotateY(1.3995150106126357rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 126px; height: 234px;'><polygon points='126,101.7160905924865801
58.0868549803696936,0 0,234' style='fill: #0a0a0a; stroke:
#0a0a0a;'></polygon></svg><svg style='-webkit-transform:
translate3d(-251.01658212856978px, -14.372151322900095px, -292.8132012818741px)
rotateX(-4.215896390884353rad) rotateY(-0.8916288726169337rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 55px; height: 171px;'><polygon
points='0,171 55,139.7000211292273661 11.6579881984751257,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(201.96746703020233px,
-351.9066587848628px, -309.48644771510857px) rotateX(-4.242545852870031rad)
rotateY(1.0013854258795691rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 84px; height: 219px;'><polygon points='84,219
75.2632752542446326,0 0,216.2313251991428160' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-44.691981233011006px, -395.2105520023398px, -273.09280390209693px)
rotateX(-3.9393352205797534rad) rotateY(-0.0787866052066255rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 117px; height: 20px;'><polygon
points='117,20 66.4203390427972806,0 0,18.4729603673306606' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(127.40559336144156px,
367.00652046122434px, -276.5834938840314px) rotateX(-0.2861302215216479rad)
rotateY(0.9004727680436265rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 72px; height: 87px;'><polygon points='72,0 0,71.0175873156437518
0.2746889247885753,87' style='fill: #393939; stroke:
#393939;'></polygon></svg><svg style='-webkit-transform:
translate3d(-271.7198186258631px, -59.84238841698459px, -259.10241810239415px)
rotateX(-1.2441242003503739rad) rotateY(-1.297691846954716rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 103px; height: 71px;'><polygon
points='0,0 13.6120517029388601,71 103,48.0091568479402397' style='fill:
#0b0b0b; stroke: #0b0b0b;'></polygon></svg><svg
style='-webkit-transform: translate3d(-300.3169499194528px,
-261.29633572573493px, -268.56391891839417px) rotateX(-4.439625873516091rad)
rotateY(-1.4412074560866404rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 152px; height: 217px;'><polygon points='0,115.2884747639220109
152,217 45.6609989014329045,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-130.3939806119663px, 369.056655651856px, -268.8590380983019px)
rotateX(-0.14570545339524688rad) rotateY(-0.6716181002344261rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 74px; height: 101px;'><polygon
points='74,74.0211209366688507 0,0 71.1372475255424348,101' style='fill:
#353535; stroke: #353535;'></polygon></svg><svg
style='-webkit-transform: translate3d(-238.0128786282276px,
-350.4664792067981px, -298.1912254358532px) rotateX(-4.2939270211902985rad)
rotateY(-1.0461997794050757rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 87px; height: 218px;'><polygon points='3.0403444436440039,218
87,210.1948082764858157 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(123.65236075093424px, 177.69801893940883px, -224.23814430865536px)
rotateX(-1.5493410073320686rad) rotateY(1.0942287107416675rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 226px; height: 176px;'><polygon
points='119.2507475719033465,0 0,176 226,174.1774312561582576' style='fill:
#1d1d1d; stroke: #1d1d1d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-44.691981233011006px, -423.992255679613px,
-244.01237954159143px) rotateX(-4.4172244837844765rad)
rotateY(-0.07427902025535671rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 117px; height: 51px;'><polygon points='0,3.2538645632442238
114.9882695321675783,51 117,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(33.07128866451001px, 443.7317652274497px, -237.70329977151533px)
rotateX(-1.4523590905823989rad) rotateY(0.21387019380067196rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 83px; height: 77px;'><polygon
points='68.2743127565003931,0 0,77 83,72.4358309638875539' style='fill:
#202020; stroke: #202020;'></polygon></svg><svg
style='-webkit-transform: translate3d(252.5555495615081px, -89.27581485660806px,
-251.24752300785974px) rotateX(-2.987432662072407rad)
rotateY(0.8502107808462751rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 57px; height: 135px;'><polygon points='57,0 0,27.7992573846098949
38.5857217483526185,135' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(66.98038955748552px,
-412.53628598651903px, -240.76500982312763px) rotateX(-4.431172171475533rad)
rotateY(0.3497864155098691rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width:
97px; height: 51px;'><polygon points='1.6977133637024946,0 0,51
97,15.8070442658510597' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(97.65691703135576px, 430.68353640781095px, -237.78067759879883px)
rotateX(-1.381488783414426rad) rotateY(0.5286754769842308rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 47px; height: 73px;'><polygon
points='0,0 16.1642439148828885,73 47,58.5301976610162882' style='fill:
#242424; stroke: #242424;'></polygon></svg><svg style='-webkit-transform:
translate3d(225.53809675081516px, 52.139894382174134px, -251.06293100412665px)
rotateX(-1.6884440789454258rad) rotateY(1.4879451808861148rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 137px; height: 108px;'><polygon
points='78.7631989429931991,0 0,108 137,30.6634473517806043' style='fill:
#171717; stroke: #171717;'></polygon></svg><svg
style='-webkit-transform: translate3d(-68.0407943049753px, 444.700334116464px,
-234.11785046229858px) rotateX(-1.607850621457201rad) rotateY(-0.23014139211171347rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 104px; height:
81px;'><polygon points='36.6425117992433442,0 0,61.5651191103287019
104,81' style='fill: #121212; stroke:
#121212;'></polygon></svg><svg style='-webkit-transform:
translate3d(-287.4221386346291px, 163.174698286948px, -210.07771272300948px)
rotateX(-1.4411900030747642rad) rotateY(-1.0658554648951943rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 218px; height: 191px;'><polygon
points='112.4923334580780505,0 0,189.4482425409696873 218,191' style='fill:
#0f0f0f; stroke: #0f0f0f;'></polygon></svg><svg
style='-webkit-transform: translate3d(83.65691703135576px, 453.1859356238766px,
-229.772897046149px) rotateX(-0.282879244848927rad) rotateY(0.999474264620818rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 75px; height:
16px;'><polygon points='0,9.8443217935232035 75,16 75,0' style='fill:
#353535; stroke: #353535;'></polygon></svg><svg
style='-webkit-transform: translate3d(-277.41121613510006px, 38.91289652958528px,
-260.9442896480344px) rotateX(-1.2196222479763006rad)
rotateY(-1.4553157090510376rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 83px; height: 147px;'><polygon points='0,1.5565760836000488 83,147
65.0737096011771143,0' style='fill: #070707; stroke:
#070707;'></polygon></svg><svg style='-webkit-transform:
translate3d(-251.01658212856978px, -81.42866559837586px, -241.40795596894912px)
rotateX(-2.948809602748888rad) rotateY(-0.8919603919953327rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 55px; height: 136px;'><polygon
points='10.5011287857431963,136 55,31.2175381160048069 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-87.49330548414093px, 432.85720410684905px,
-221.12013212456475px) rotateX(-0.06642418126576177rad)
rotateY(-1.1423704385091362rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 72px; height: 42px;'><polygon points='72,0
3.6802350145084795,15.1819142533321543 0,42' style='fill: #1d1d1d; stroke:
#1d1d1d;'></polygon></svg><svg style='-webkit-transform:
translate3d(-187.36499032448592px, 205.62614335230592px, -203.11519730887846px)
rotateX(-1.2194381825707814rad) rotateY(-0.7565360446732377rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 76px; height: 207px;'><polygon
points='70.1718701549856121,207 76,198.7091922130350667 0,0' style='fill:
#1f1f1f; stroke: #1f1f1f;'></polygon></svg><svg
style='-webkit-transform: translate3d(272.8806026789148px,
-93.37294152768129px, -233.6991975038349px) rotateX(-3.147092910757057rad)
rotateY(1.2422858192267823rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 44px; height: 135px;'><polygon points='0,130.4683163039056524
44,135 36.5782010038334207,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(177.27814994271353px, 180.58766528752847px, -197.61894620426995px)
rotateX(-1.2556297737105846rad) rotateY(0.6322004675246261rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 79px; height: 252px;'><polygon
points='0,252 79,0 0.8742859792996013,231.7567853287739013' style='fill:
#2d2d2d; stroke: #2d2d2d;'></polygon></svg><svg
style='-webkit-transform: translate3d(100.21388211588226px,
288.7813350255242px, -206.16047865610722px) rotateX(-1.46107500769202rad)
rotateY(1.0992727487456564rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 150px; height: 167px;'><polygon points='150,0
0,142.4151286958802984 97.8081147660421379,167' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-31.34319074886048px, 445.30131611480147px, -234.9731607908144px)
rotateX(-1.3468547601677567rad) rotateY(0.0942738341051208rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 133px; height: 82px;'><polygon
points='133,3.8356834982903454 0,0 65.1608697386917441,82' style='fill:
#252525; stroke: #252525;'></polygon></svg><svg
style='-webkit-transform: translate3d(-163.68983825923885px,
301.52194055554446px, -198.86928355294293px) rotateX(-1.3695529944280564rad)
rotateY(-0.9787410032841724rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 127px; height: 161px;'><polygon points='127,142.9888117468252915
0,0 24.3549578864490108,161' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform: translate3d(-262.1221508116234px,
-85.0224463822795px, -215.1094706972297px) rotateX(-3.0568212501931202rad)
rotateY(-1.2887754611339624rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 44px; height: 135px;'><polygon points='19.7138048223303066,0
0,133.4593804735379763 44,135' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(77.22482337350925px, 426.9006326205331px, -222.56820981181426px)
rotateX(-0.21983716829436828rad) rotateY(0.9940180579721046rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 83px; height: 40px;'><polygon
points='83,25.4535701679565101 0,0 8.6068473268658963,40' style='fill: #363636;
stroke: #363636;'></polygon></svg><svg
style='-webkit-transform: translate3d(-83.97655615468659px,
426.10818621321414px, -216.25029863283135px) rotateX(-0.3451632392797499rad)
rotateY(-1.043015182247418rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 71px; height: 59px;'><polygon points='58.8599346441899982,0 0,59
71,47.5056963620253399' style='fill: #232323; stroke: #232323;'></polygon></svg><svg
style='-webkit-transform: translate3d(280.3806026789148px,
-192.69135915077965px, -195.6687599547605px) rotateX(-3.976928978636946rad)
rotateY(1.0591952348664226rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 29px; height: 135px;'><polygon points='13.8760586903142027,135
29,32.8358632640136889 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-44.48943618714338px, -500.94887045509034px, -190.76764580895428px)
rotateX(-4.309207826247468rad) rotateY(-0.02981560884767598rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 115px; height: 160px;'><polygon
points='96.3079025138680436,160 115,47.6156830095682366 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(229.55194644477422px,
-249.47063121553236px, -216.3362617212232px) rotateX(-3.8912610453532332rad)
rotateY(1.2900491466487245rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 102px; height: 165px;'><polygon points='0,165
102,132.9137891429654132 77.4488066946802576,0' style='fill: #020202; stroke:
#020202;'></polygon></svg><svg style='-webkit-transform:
translate3d(-117.95708402498497px, -496.03698395001015px,
-175.61476835775466px) rotateX(-4.325288888702578rad)
rotateY(-0.41804876668916213rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 77px; height: 178px;'><polygon points='77,0 0,14.9911181173770398
8.3947640460691453,178' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(239.72829202967364px, 37.39982480891217px, -201.11386678187722px)
rotateX(-1.27117230247663rad) rotateY(1.3424183339691749rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 90px; height: 224px;'><polygon
points='0,0 61.1387748912829778,224 90,93.2278969681668599' style='fill:
#212121; stroke: #212121;'></polygon></svg><svg
style='-webkit-transform: translate3d(-30.84319074886048px,
435.2142158638071px, -189.3051101998488px) rotateX(-0.3925104109223101rad)
rotateY(0.07828895880267983rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 132px; height: 48px;'><polygon points='132,39.8782293112604833
127.2866713139248276,0 0,48' style='fill: #454545; stroke:
#454545;'></polygon></svg><svg style='-webkit-transform:
translate3d(-263.10378685898667px, 45.08084712752566px, -197.73556269925933px)
rotateX(-1.14668856048721rad) rotateY(-1.278624742239764rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 84px; height: 229px;'><polygon
points='0,81.1079792407911526 7.0514203894188645,229 84,0' style='fill:
#101010; stroke: #101010;'></polygon></svg><svg
style='-webkit-transform: translate3d(-254.12215081162338px,
-184.0726979982823px, -182.0935449576723px) rotateX(-4.01250508270882rad)
rotateY(-1.1133634952506175rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 28px; height: 135px;'><polygon points='18.7275246425882216,135
28,0 0,33.7094104498222364' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(149.6625130120225px, -461.4251111849086px, -162.68439619677275px)
rotateX(-4.31675906765602rad) rotateY(0.6753027665573946rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 81px; height: 168px;'><polygon
points='81,0 2.3045830874948363,4.1122321353130875 0,168' style='fill: #000000;
stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(90.21022560840515px,
334.24047859244126px, -185.89300725329974px) rotateX(-1.0582019593861922rad)
rotateY(0.5452755296592044rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 79px; height: 157px;'><polygon points='0,88.2234235428501847
52.5539140702800864,157 79,0' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-90.69496108978751px, 345.09818910510205px, -185.8702653795737px)
rotateX(-1.0977958126365803rad) rotateY(-0.584282686572974rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 59px; height: 142px;'><polygon
points='0,0 25.0953435571498602,142 59,80.5290425815376381' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-36.706709921829315px,
434.7763108342226px, -189.19713421173572px) rotateX(-0.13322294685556324rad)
rotateY(-0.020774743405667095rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 133px; height: 49px;'><polygon points='133,0 0,0.1470163582032872
6.0348008918202733,49' style='fill: #464646; stroke:
#464646;'></polygon></svg><svg style='-webkit-transform:
translate3d(67.98038955748552px, -495.6147671009756px, -175.65191351057467px)
rotateX(-4.31141631589983rad) rotateY(0.30664145134633536rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 95px; height: 164px;'><polygon
points='92.7984785007756017,164 95,0 0,38.1005784655862172' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-278.22139097198726px, -242.39076205399px, -207.35737178614943px)
rotateX(-3.947726371722974rad) rotateY(-1.3432355829927927rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 104px; height: 160px;'><polygon points='16.8832060216831543,0
0,134.0241327082374596 104,160' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-183.9342994990311px, -454.93845049039584px, -154.84848687146592px)
rotateX(-4.345631078663277rad) rotateY(-0.7187617712708247rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 88px; height: 164px;'><polygon
points='88,164 77.5451610176020267,1.2380152795529398 0,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(125.27814994271353px, 211.58766528752847px, -197.61894620426995px)
rotateX(-1.8065724728368648rad) rotateY(1.2150283941032687rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 183px; height: 190px;'><polygon
points='183,0 0,190 157.0557246815477299,46.8350887920976078' style='fill:
#161616; stroke: #161616;'></polygon></svg><svg
style='-webkit-transform: translate3d(198.00442498875418px,
91.32104513383501px, -188.70115154895433px) rotateX(-1.3808039875854359rad)
rotateY(1.1914769584576161rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 132px; height: 229px;'><polygon points='132,229
94.3307563641505880,0 0,72.9603559798479750' style='fill: #222222; stroke:
#222222;'></polygon></svg><svg style='-webkit-transform:
translate3d(-182.72824571264067px, 221.02878420371712px, -197.67149891557654px)
rotateX(-1.3676047174860906rad) rotateY(-0.9714938174011842rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 78px; height: 190px;'><polygon
points='0,0 78,190 52.9379566984572918,28.8148861969129086' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(121.71388211588226px,
281.9495844803457px, -194.07165170771867px) rotateX(-1.143041818477144rad)
rotateY(0.8794934725466322rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 107px; height: 178px;'><polygon points='0,178 107,0
34.4617656265012116,22.0983638481210249' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-150.68983825923885px, 298.7627953957385px, -190.24622523057178px)
rotateX(-1.1498079610341647rad) rotateY(-0.7908506065988439rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 101px; height: 163px;'><polygon
points='70.9227406923670856,22.2680011812211731 0,0 101,163' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-198.86499032448592px,
212.7861577104136px, -199.31609500406887px) rotateX(-1.3738591685012418rad)
rotateY(-0.9800518480415152rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 99px; height: 190px;'><polygon points='20.2404029230210654,0
0,0.6427338836017962 99,190' style='fill: #131313; stroke:
#131313;'></polygon></svg><svg style='-webkit-transform:
translate3d(-277.9372639393243px, 83.89483517294411px, -182.5176725241647px)
rotateX(-1.223776754420036rad) rotateY(-1.1926927736248447rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 148px; height: 234px;'><polygon
points='148,70.2046796734367575 59.9113641734092823,0 0,234' style='fill:
#121212; stroke: #121212;'></polygon></svg><svg
style='-webkit-transform: translate3d(190.0639612993856px,
-115.56184166859526px, -163.5333014085203px) rotateX(-1.8819361947801407rad)
rotateY(1.5539440571302214rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 223px; height: 116px;'><polygon points='0,81.1734918266444367
129.9762439836534327,116 223,0' style='fill: #161616; stroke:
#161616;'></polygon></svg><svg style='-webkit-transform:
translate3d(172.6308059392013px, 189.2605028527928px, -188.24732987078153px)
rotateX(-1.3250792392429231rad) rotateY(0.7783052540140777rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 89px; height: 228px;'><polygon
points='0,228 89,0 33.1644877148212842,56.5155892149335486' style='fill:
#292929; stroke: #292929;'></polygon></svg><svg
style='-webkit-transform: translate3d(201.96746703020233px,
-409.0603526426001px, -138.8692268601484px) rotateX(-4.291699215855604rad)
rotateY(1.0000056289092585rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 84px; height: 169px;'><polygon points='84,6.0498311833087692 0,0
3.0443981873525474,169' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-36.706709921829315px, 403.9844288945267px, -158.25813990463251px)
rotateX(-1.509619784278728rad) rotateY(-0.0029286456845629694rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 133px; height: 59px;'><polygon
points='0,59 133,55.5237059854173083 73.1263638441549375,0' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(212.61725069781926px,
45.78295010844556px, -150.65697561216166px) rotateX(-0.06871079365231436rad)
rotateY(1.4006648341936376rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 149px; height: 108px;'><polygon points='120.2505253855039484,58.9677766287719791
149,0 0,108' style='fill: #242424; stroke:
#242424;'></polygon></svg><svg style='-webkit-transform:
translate3d(-44.6924864551213px, -502.08460228199544px, -189.64562605839228px)
rotateX(-4.34687151222599rad) rotateY(-0.09211372801073847rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 97px; height: 162px;'><polygon
points='0,0 17.4241050541591846,162 97,159.7444456598731222' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-237.26791183591826px,
-401.1666681057102px, -130.44632765405305px) rotateX(-4.346923360870697rad)
rotateY(-1.0430962873719953rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 91px; height: 169px;'><polygon points='91,169
82.6145639015945505,0 0,11.5555033390583723' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-289.41891431433004px, -183.77016390253698px,
-155.06262894191116px) rotateX(-0.7968907752242259rad) rotateY(-1.5105560209528774rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 92px; height:
236px;'><polygon points='58.7967564048210036,0 0,136.1449816743269423
92,236' style='fill: #070707; stroke:
#070707;'></polygon></svg><svg style='-webkit-transform:
translate3d(-300.8528172650675px, 62.57707210600847px, -142.2017742153697px)
rotateX(-0.19645494188408863rad) rotateY(-1.359667232684524rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 152px; height: 73px;'><polygon
points='35.7793266973312782,54.3769288526669854 152,73 0,0' style='fill:
#0e0e0e; stroke: #0e0e0e;'></polygon></svg><svg
style='-webkit-transform: translate3d(-108.94605059511076px,
-500.6895822094554px, -177.173603755444px) rotateX(-4.370731050103033rad)
rotateY(-0.30515236769936105rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 84px; height: 179px;'><polygon points='0,179
84,161.8322784716280580 65.6240178747008400,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(49.8779553240679px, -487.00136147487444px, -159.03945466047446px)
rotateX(-4.3556868944734655rad) rotateY(0.24856370947367146rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 111px; height: 127px;'><polygon
points='18.9897159159063342,0 0,112.2544902881558500 111,127' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(272.5599624753937px,
-212.90074403920892px, -152.5579103518545px) rotateX(-4.283085273628592rad)
rotateY(1.4043551099463467rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 53px; height: 148px;'><polygon points='0,93.0173630069364634
53,148 43.4485631939103030,0' style='fill: #0d0d0d; stroke:
#0d0d0d;'></polygon></svg><svg style='-webkit-transform:
translate3d(-90.63696247010716px, 371.7199254468974px, -150.26009199936254px)
rotateX(-0.9444410313839819rad) rotateY(-0.38286457846509414rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 132px; height: 85px;'><polygon
points='52.8744108638006836,85 132,13.1460497011378692 0,0' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-41.108829257995126px,
391.5763999848258px, -149.7942613446799px) rotateX(-0.858013994144917rad)
rotateY(-0.45199630265450885rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 69px;'><polygon points='82,22.3892273335478471 82,0
0,69' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(31.851288697851032px, 392.6851333257721px, -148.41733530867754px)
rotateX(-0.85754406196416rad) rotateY(0.5113062572546174rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 67px;'><polygon
points='69,67 0,0 0.0115272718749109,22.3892271550773785' style='fill: #ffffff;
stroke: #ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(29.803079770306px, 360.60138334379576px, -148.10994561561648px)
rotateX(-0.9480950870955346rad) rotateY(0.42952741227298663rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 140px; height: 93px;'><polygon
points='140,0 0,22.7598779425102293 65.7905285363845564,93' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(150.48495348232007px,
-461.4925816464606px, -162.12452766442902px) rotateX(-4.299525896642798rad)
rotateY(0.6466020790227149rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 81px; height: 169px;'><polygon points='0,167.9988572758626901
81,169 78.5497252178344496,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(211.1639185627614px, -334.04062038767313px, -107.40876403843237px)
rotateX(-4.340964345996252rad) rotateY(1.3008350534066082rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 132px; height: 161px;'><polygon
points='132,13.8654180011496795 25.4075940790440242,0 0,161' style='fill:
#090909; stroke: #090909;'></polygon></svg><svg
style='-webkit-transform: translate3d(-275.0265918641578px,
-203.35360615903107px, -134.06320192872823px) rotateX(-4.53407761082828rad)
rotateY(-1.4441150148041015rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 66px; height: 146px;'><polygon points='66,79.2844202181815376 0,0
28.0173793358765515,146' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-182.9342994990311px, -458.2466597032056px, -152.8617455705084px)
rotateX(-4.3260330828614695rad) rotateY(-0.690491146405376rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 86px; height: 169px;'><polygon
points='0,0 5.1458861975773962,169 86,164.6947658280139422' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-296.5882147541196px,
-323.5921525775666px, -103.56363271849631px) rotateX(-4.488524584262784rad)
rotateY(-1.3409143592365815rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 152px; height: 155px;'><polygon points='152,155
102.4277766933037555,0 0,29.6919285349017841' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-144.65595131220778px, 314.78374574707755px, -124.26336426785343px)
rotateX(-0.9872354245851337rad) rotateY(-0.7466561867962289rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 68px; height: 46px;'><polygon
points='57.0739975986839383,0 0,15.1294285666155197 68,46' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-170.52410335991323px,
259.8534414608105px, -117.61228519536786px) rotateX(-0.895891004145212rad)
rotateY(-0.7134327825239564rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 40px; height: 55px;'><polygon points='1.7418512855522916,0
0,8.7207180871259826 40,55' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(149.19928435077816px, 288.88535942142846px, -109.48417798336101px)
rotateX(-1.2121058812981649rad) rotateY(0.891595428437724rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 74px; height: 61px;'><polygon
points='52.3525635626786183,0 0,61 74,41.9072988375815285' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-87.13696247010716px, 367.13811001566637px, -113.70086785647578px)
rotateX(-2.2637652249823437rad) rotateY(-0.201661205722371rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 125px; height: 65px;'><polygon
points='125,19.8588660169950515 99.1112359184023148,0 0,65' style='fill:
#e0d9d7; stroke: #e0d9d7;'></polygon></svg><svg
style='-webkit-transform: translate3d(33.803079770306px, 357.9250687315124px,
-112.99366550345866px) rotateX(-2.288939090183611rad) rotateY(0.27234689887857666rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 132px; height:
70px;'><polygon points='132,70 29.8165682887462751,0
0,18.4155811732004970' style='fill: #e5dedc; stroke:
#e5dedc;'></polygon></svg><svg style='-webkit-transform: translate3d(207.2899075004998px,
-407.6264915766678px, -135.5849580325949px) rotateX(-4.247281880812736rad)
rotateY(0.94682071934499rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 75px; height: 166px;'><polygon points='0,166
62.4640616367086139,161.5952148449899539 75,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-105.15943716266958px, 357.61353482223876px, -95.21329748466258px)
rotateX(-0.9461352957323287rad) rotateY(-0.6051215161771681rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 128px; height: 49px;'><polygon
points='0,0 9.7096116000256245,45.5304831654085191 128,49' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-180.39245779683267px,
276.73004956902696px, -111.59078584371133px) rotateX(-1.1431928873447887rad)
rotateY(-0.9167515599685951rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 47px;'><polygon points='46.9155525937127322,47
82,6.9708441085601809 0,0' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(188.37307384821372px, 266.438779397816px, -111.12888956597448px)
rotateX(-1.253252054668621rad) rotateY(0.8360815565976071rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 46px; height: 43px;'><polygon
points='46,0.5308806604827438 0,0 19.6727776422851832,43' style='fill: #ffffff;
stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(206.939094693642px, 238.11192237673788px,
-107.91504991453462px) rotateX(-1.0080320185081937rad)
rotateY(0.4553253709148124rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 44px; height: 66px;'><polygon points='0,66 44,0
19.4419805217084694,20.3626991032215763' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(-140.14870370279147px, 302.01982181695564px, -106.23287721756572px)
rotateX(-1.4541048483078856rad) rotateY(-0.5860009681694884rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 51px; height: 47px;'><polygon
points='0,47 51,15.0868270606601094 25.1407528660074604,0' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-222.24212045744645px,
152.9092099047083px, -94.0945248728193px) rotateX(-0.7477547711757628rad)
rotateY(-0.89280026597728rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 70px; height: 109px;'><polygon points='0,0
51.4991707481147287,99.6648364831518023 70,109' style='fill: #262626; stroke:
#262626;'></polygon></svg><svg style='-webkit-transform: translate3d(198.0835789357584px,
189.9109406088287px, -96.88939449083449px) rotateX(-1.9116650369227042rad)
rotateY(1.269757581271638rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 118px; height: 45px;'><polygon points='118,25.4732130917869206
30.4299125978069753,0 0,45' style='fill: #111111; stroke:
#111111;'></polygon></svg><svg style='-webkit-transform:
translate3d(11.328958370554233px, 410.9077324571431px, -102.95251924215722px)
rotateX(-1.949964068451525rad) rotateY(0.05011818616006125rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 27px; height: 21px;'><polygon
points='0,0 25.0909501414736766,21 27,0.2179382657657571' style='fill: #faf2f0;
stroke: #faf2f0;'></polygon></svg><svg
style='-webkit-transform: translate3d(36.302941209688015px, 409.6570760976027px,
-102.57149834479247px) rotateX(-1.9499640683093002rad)
rotateY(0.050118184589220904rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 29px; height: 21px;'><polygon points='1.8313751979604698,0 0,21
29,0.2179382655739340' style='fill: #faf2f0; stroke:
#faf2f0;'></polygon></svg><svg style='-webkit-transform:
translate3d(225.87797906830554px, -11.546765349981342px, -107.95514028020733px)
rotateX(-1.572184849801873rad) rotateY(1.358668684658087rad) rotateZ(0rad) scaleX(1)
scaleY(1) scaleZ(1); width: 122px; height: 225px;'><polygon points='0,0
2.2729292178988842,85.4068382679252665 122,225' style='fill: #1c1c1c; stroke:
#1c1c1c;'></polygon></svg><svg style='-webkit-transform:
translate3d(-233.76791183591826px, -399.7315452755905px, -125.050153395557px)
rotateX(-4.292753824332227rad) rotateY(-0.9907929070514574rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 84px; height: 162px;'><polygon
points='0,0 20.5580320008594377,160.7803392216674752 84,162' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-225.58359632717338px,
155.08160783720723px, -93.45948784189363px) rotateX(-0.8139661138565952rad)
rotateY(-0.9520518093355053rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 78px; height: 106px;'><polygon points='0,0 75.1284974410242228,106
78,96.5777465541043370' style='fill: #222222; stroke:
#222222;'></polygon></svg><svg style='-webkit-transform:
translate3d(149.7558058490904px, -82.60123552688026px, -64.18317332784079px)
rotateX(-0.8099213794456992rad) rotateY(1.464836145707029rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 278px; height: 235px;'><polygon
points='242.2071034444878990,235 278,0 0,154.4986325422277673' style='fill:
#232323; stroke: #232323;'></polygon></svg><svg
style='-webkit-transform: translate3d(52.161878120242136px,
344.15077089505996px, -82.05195336498127px) rotateX(-1.1923240572676121rad)
rotateY(0.6502931259701383rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 124px; height: 69px;'><polygon points='124,69
36.4101489369789206,0 0,60.9171751976886995' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(153.10520992128875px, 268.1774540951259px, -86.99683496866635px)
rotateX(-1.2121058812981649rad) rotateY(0.891595428437724rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 53px; height: 103px;'><polygon
points='31.3580586840212554,0 0,103 53,41.9072988375815285' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(11.328958370554233px,
399.14975826064335px, -80.04481086999328px) rotateX(-0.9824991555652169rad)
rotateY(0.035120158311321426rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 27px; height: 34px;'><polygon points='27,32.4579424304462592
13.6450343216652978,0 0,34' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(38.21747902246909px, 397.8161523710504px, -79.74806655333623px)
rotateX(-0.9824982416568181rad) rotateY(0.035120123704623696rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 27px; height: 34px;'><polygon
points='13.6450317691399032,0 0,34 27,32.4578970276703984' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(225.16969095064906px,
225.68056646511923px, -80.3677060924955px) rotateX(-1.0080327785528331rad)
rotateY(0.4553259398035763rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 25px; height: 46px;'><polygon points='0,46 25,25.0854803608709247
19.4419708873224550,0' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(-310.8888731528455px, -6.451306538319045px, -83.81782055018459px)
rotateX(-1.1740393309813157rad) rotateY(-1.3525335807067957rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 179px; height: 196px;'><polygon
points='0,196 146.1475297738352594,113.5156355588108426 179,0' style='fill:
#0c0c0c; stroke: #0c0c0c;'></polygon></svg><svg
style='-webkit-transform: translate3d(-179.89245779683267px, 245.8746361260046px,
-71.47062526011871px) rotateX(-1.0343204731553823rad)
rotateY(-0.9081319886130981rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 81px; height: 66px;'><polygon points='0,51.4486661815656703 81,66
7.7660898428400591,0' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(226.52346615528495px, -288.47676120168813px, -77.75141466974583px)
rotateX(-4.414326318857308rad) rotateY(1.3765141433609018rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 129px; height: 155px;'><polygon
points='83.2528924699705897,0 0,155 129,61.2095846486589892' style='fill:
#0d0d0d; stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-27.51736841802517px, -509.22038201750246px,
-64.7706981267886px) rotateX(-4.597435779039634rad)
rotateY(-0.08247806382131673rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 80px; height: 106px;'><polygon points='80,0 0,3.9118280985073941
7.7717687568427243,106' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-234.69467145063743px,
166.1427792153005px, -88.02746003485959px) rotateX(-0.9898208587612388rad)
rotateY(-1.0538996845927762rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 101px; height: 85px;'><polygon points='90.8416525768736705,85
101,32.9323072156572678 0,0' style='fill: #1a1a1a; stroke:
#1a1a1a;'></polygon></svg><svg style='-webkit-transform:
translate3d(-109.15943716266958px, 348.84951919407354px, -76.960125769319px) rotateX(-1.3154950059380501rad)
rotateY(-0.6821340719630071rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 136px; height: 57px;'><polygon points='136,57
88.0280659953309907,0 0,37.7292524482116391' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(188.37307384821372px, 253.3208953876964px, -71.21640416331479px)
rotateX(-1.2532521000472914rad) rotateY(0.8360815562443714rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 46px; height: 43px;'><polygon
points='26.0468618701722754,0 0,43 46,43' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(223.85364520455914px, 170.38591332452847px, -79.74745861425868px)
rotateX(-0.7140914413790433rad) rotateY(1.1245148805781822rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 71px; height: 69px;'><polygon
points='10.3859282408239508,69 71,0 0,45.0362773326317978' style='fill:
#2d2d2d; stroke: #2d2d2d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-351.86212557695035px,
-84.45390933805004px, -42.686695500065866px) rotateX(-0.7122985198702243rad)
rotateY(-1.4132132477718735rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 259px; height: 238px;'><polygon points='259,140.0507277906414174
0,0 12.4035165080460779,238' style='fill: #0b0b0b; stroke:
#0b0b0b;'></polygon></svg><svg style='-webkit-transform:
translate3d(24.96557722316959px, 398.2034848811312px, -79.48967966101952px)
rotateX(-0.9824987053745634rad) rotateY(0.035121259605916944rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 27px; height: 34px;'><polygon
points='27,0 0,0.9869141245363245 13.2600774409355111,34' style='fill: #ffffff;
stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(220.6639185627614px,
-341.58900793645853px, -98.14863916890596px) rotateX(-4.211707387062542rad)
rotateY(1.2535727767150224rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 113px; height: 168px;'><polygon points='0,161.2382284471608784
60.7682918464908468,168 113,0' style='fill: #050505; stroke:
#050505;'></polygon></svg><svg style='-webkit-transform:
translate3d(47.19203785273032px, -502.72676043891033px, -62.32953176991657px)
rotateX(-4.60482831969011rad) rotateY(0.21092188420867464rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 113px; height: 109px;'><polygon
points='113,20.0758556566157260 3.4482540338852457,0 0,109' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-117.17558226998392px,
296.9486055171924px, -67.18127203890447px) rotateX(-1.4544123451507716rad)
rotateY(-0.5861546874681265rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 26px; height: 62px;'><polygon points='0,46.0487998687224831 26,62
26,0' style='fill: #ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(-108.57337584457997px,
-494.32943117627786px, -61.449659009954644px) rotateX(-4.610649824314091rad)
rotateY(-0.2509326618458154rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 91px; height: 102px;'><polygon points='91,102
82.5271488256409498,0 0,22.2030995300239269' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(81.0005316396398px, 300.9164144259382px, -72.11338646545312px)
rotateX(-1.1318073629567547rad) rotateY(0.6863515183400805rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 115px; height: 104px;'><polygon
points='115,0 0,38.5347041303781879 89.2250321351706077,104' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(205.83425284558393px, 234.95982043453853px, -77.25106802057735px)
rotateX(-1.2532521000472914rad) rotateY(0.8360815562443714rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 46px; height: 43px;'><polygon
points='0,0 19.6727977973873855,43 46,0.5308821999538189' style='fill: #262626;
stroke: #262626;'></polygon></svg><svg
style='-webkit-transform: translate3d(-25.676155661034727px,
372.44685206589395px, -69.37289999245615px) rotateX(-0.9115583349821058rad)
rotateY(-0.13791479633858073rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 51px; height: 65px;'><polygon points='51,30.6283119912656083 0,0
37.1107007724834119,65' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-304.48817059374227px, -276.1818127767599px, -71.06632605349068px)
rotateX(-4.64639270517433rad) rotateY(-1.411650969633354rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 147px; height: 131px;'><polygon
points='0,70.0890466539406845 147,131 29.8543430205525553,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(51.525322523642785px,
370.09642444717133px, -68.16284182630193px) rotateX(-0.9244553685608882rad)
rotateY(0.1753407530754698rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 43px; height: 65px;'><polygon points='13.4582568708864976,65 43,0
0,32.2028511398164028' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-285.0882147541196px, -332.8658991806385px, -83.22097408590548px)
rotateX(-4.312770276585015rad) rotateY(-1.2982216007140028rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 129px; height: 162px;'><polygon
points='0,0 68.8567005330041155,162 129,148.6078735856858088' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-212.37083576232425px,
148.5129095963606px, -61.26056945347409px) rotateX(0.007050027076417775rad)
rotateY(-0.3790639139735281rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 83px; height: 118px;'><polygon
points='53.4658593918116125,91.2587460204495358 83,118 0,0' style='fill:
#3e3e3e; stroke: #3e3e3e;'></polygon></svg><svg
style='-webkit-transform: translate3d(-102.05162442575289px,
328.54679953869993px, -63.4877352852194px) rotateX(-1.454439569497227rad)
rotateY(-0.6292040313470357rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 85px; height: 62px;'><polygon points='0,0 0.0322160734108421,62
85,16.0794333867036769' style='fill: #ffffff; stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(175.18491823091279px,
267.02297631535953px, -66.15420084990956px) rotateX(-1.253252074194696rad)
rotateY(0.8360815282899805rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 46px; height: 43px;'><polygon points='0,0 19.6727770258779273,43
46,0.5308299593849576' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-182.54454651780014px, 263.39164306518705px, -63.4083515894813px)
rotateX(-1.1037565184444185rad) rotateY(-0.9436587170589426rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 112px; height: 62px;'><polygon
points='0,0 76.1922929230344579,62 112,22.7847509332151006' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(24.96557722316959px, 391.8146715258987px, -52.36832320234748px)
rotateX(-1.5427128817462559rad) rotateY(0.04922838196096935rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 27px; height: 28px;'><polygon
points='13.6531613887641896,0 0,28 27,28' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-27.85784517873924px, 382.96463284245954px, -54.592437436355794px)
rotateX(-1.332064196492684rad) rotateY(-0.35860215245429994rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 28px;'><polygon
points='69,0 0,2.0121852024366418 53.8184278880886353,28' style='fill: #ffffff;
stroke: #ffffff;'></polygon></svg><svg
style='-webkit-transform: translate3d(35.399374158363685px, 382.35882819681217px,
-54.49969386339046px) rotateX(-1.337099944764196rad)
rotateY(0.4377987830742889rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 62px; height: 27px;'><polygon points='14.6318716240153037,27
62,0.0453249343315255 0,0' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(218.35364520455914px, 153.49939270323011px, -39.14268526728688px)
rotateX(-1.584302624211348rad) rotateY(1.1875460807372273rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 82px; height: 86px;'><polygon
points='82,86 79.9891655779641866,0 0,65.9074459362135059' style='fill:
#1a1a1a; stroke: #1a1a1a;'></polygon></svg><svg
style='-webkit-transform: translate3d(-19.64469366749438px,
-511.22471177368993px, -63.22009086532387px) rotateX(-4.595552857507764rad)
rotateY(-0.08525517208809075rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 72px; height: 109px;'><polygon points='0,105.7036155097662373
68.0448179622040783,109 72,0' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-165.04454651780014px,
243.2299699558048px, -46.23092655239145px) rotateX(-0.21987941608221862rad)
rotateY(-0.545244791832773rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 77px; height: 85px;'><polygon points='77,85
31.1668539607177344,22.8238483835391328 0,0' style='fill: #3a3a3a; stroke:
#3a3a3a;'></polygon></svg><svg style='-webkit-transform:
translate3d(151.48495348232007px, -479.0824018760311px, -29.99587329383928px)
rotateX(-4.624076363434204rad) rotateY(0.6187910537529395rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 79px; height: 127px;'><polygon
points='55.1371273303081040,127 79,16.1300351376910776 0,0' style='fill:
#030303; stroke: #030303;'></polygon></svg><svg
style='-webkit-transform: translate3d(36.259096821462094px,
300.70674962321607px, -39.61523225105657px) rotateX(-0.31634179056461353rad)
rotateY(0.24062433895580448rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 149px; height: 102px;'><polygon points='149,0 0,102
57.1287854484516160,79.3315653377628252' style='fill: #ffffff; stroke:
#ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-97.03583990682762px, 336.8531858789639px, -37.29893906027314px)
rotateX(-0.5983838388952156rad) rotateY(-0.29092252202551605rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 139px; height: 63px;'><polygon
points='0,0 71.3543215542097755,48.1177421795559397 139,63' style='fill:
#ffffff; stroke: #ffffff;'></polygon></svg><svg style='-webkit-transform:
translate3d(-176.95073201337198px, -474.3098675847234px, -22.70124223601988px)
rotateX(-4.657115852034852rad) rotateY(-0.6491267400300162rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 78px; height: 130px;'><polygon
points='78,0 0,20.7252779305406953 29.9865780550973540,130' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(197.11200566930097px,
218.11375229001987px, -27.94074475413231px) rotateX(-1.5108436703550667rad)
rotateY(0.81730623953099rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 56px; height: 68px;'><polygon points='56,68 0,0
10.8807688940348175,58.3374836759576638' style='fill: #1d1d1d; stroke:
#1d1d1d;'></polygon></svg><svg style='-webkit-transform:
translate3d(-239.37083576232425px, 162.0894797920722px, -35.00310567943461px)
rotateX(-1.6686103346969845rad) rotateY(-0.978049541689753rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 137px; height: 96px;'><polygon
points='137,52.7671533368408490 28.3292101764234907,0 0,96' style='fill:
#070707; stroke: #070707;'></polygon></svg><svg
style='-webkit-transform: translate3d(210.401879618487px, -428.4200454873227px,
-17.741739900830225px) rotateX(-4.519018263261138rad)
rotateY(0.9390023268608791rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 62px; height: 108px;'><polygon points='31.5518972206051878,108
62,9.8980899485601537 0,0' style='fill: #050505; stroke:
#050505;'></polygon></svg><svg style='-webkit-transform:
translate3d(-137.14781073322445px, 267.8278744013836px, -29.18285402798074px)
rotateX(-0.10247107853838222rad) rotateY(-0.395219957100009rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 104px; height: 64px;'><polygon
points='0,0 42.2382497396773289,64 104,43.7175242346292308' style='fill:
#3e3e3e; stroke: #3e3e3e;'></polygon></svg><svg
style='-webkit-transform: translate3d(175.68491823091279px,
250.9906252331749px, -21.6512757359435px) rotateX(-1.5108436220113708rad)
rotateY(0.8173064168696774rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 45px; height: 59px;'><polygon points='45,59 33.9158667264542046,0
0,49.1817014937188830' style='fill: #1d1d1d; stroke:
#1d1d1d;'></polygon></svg><svg style='-webkit-transform:
translate3d(29.759096821462094px, 305.35307782198413px, -22.749803041618293px)
rotateX(-2.3788176719679637rad) rotateY(0.46710737428382876rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 162px; height: 128px;'><polygon
points='162,128 1.2636809476457227,0 0,48.8194879660659140' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-99.47168560478633px, 335.8029297956332px, -20.227823371258296px)
rotateX(-2.3577086424958003rad) rotateY(-0.3882876512741129rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 145px; height: 100px;'><polygon points='0,100
143.0352886513230430,48.8206226449971012 145,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-216.63473561805063px, -420.1407142341932px, -8.285148196647242px)
rotateX(-4.5786427869922255rad) rotateY(-0.9730689969481845rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 61px; height: 109px;'><polygon
points='61,0 0,14.2410348518999612 37.2405297587427881,109' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(31.823251123503496px, 301.42161796184246px, -22.24274120816051px)
rotateX(-0.23937390438055828rad) rotateY(0.4489193057221563rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 159px; height: 133px;'><polygon
points='84.5354735649551969,0 0,133 159,2.5422390109301580' style='fill:
#464646; stroke: #464646;'></polygon></svg><svg
style='-webkit-transform: translate3d(177.56745571226588px,
180.08892986448518px, -19.35566011939261px) rotateX(-1.2192767221402807rad)
rotateY(0.9919741821590157rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 125px; height: 89px;'><polygon points='69.6365025903194663,89
125,0 0,35.0751857182815172' style='fill: #272727; stroke:
#272727;'></polygon></svg><svg style='-webkit-transform:
translate3d(-98.97168560478633px, 312.90043459672415px, -18.155240732838593px)
rotateX(-0.18786008059352777rad) rotateY(-0.36738461413633017rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 144px; height: 124px;'><polygon
points='60.1603019711923466,0 0,22.1954950704249008 144,124' style='fill:
#3f3f3f; stroke: #3f3f3f;'></polygon></svg><svg
style='-webkit-transform: translate3d(46.19203785273032px,
-524.8579116026727px, -20.73434546287274px) rotateX(-4.694881960756562rad)
rotateY(0.2782804354472659rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 115px; height: 150px;'><polygon points='0,86.3394596194781627
97.4189414995126981,150 115,0' style='fill: #020202; stroke:
#020202;'></polygon></svg><svg style='-webkit-transform:
translate3d(210.6967728982761px, -384.8915026185507px, -10.859803914406484px)
rotateX(1.552859951943129rad) rotateY(1.1872934710567153rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 99px; height: 91px;'><polygon
points='99,34.1631655132334586 47.7356363604376170,0 0,91' style='fill: #111111;
stroke: #111111;'></polygon></svg><svg
style='-webkit-transform: translate3d(114.0053753289651px, 264.7298930615176px,
-13.29721474061705px) rotateX(-1.155941071729304rad)
rotateY(0.2571796325047617rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 94px; height: 55px;'><polygon points='0,27.5865736609184040
69.1901735604098036,55 94,0' style='fill: #2f2f2f; stroke:
#2f2f2f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-137.14781073322445px, 260.71509073540176px, -18.92996403936479px) rotateX(-1.7289609348208783rad)
rotateY(-0.4108407400349372rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 104px; height: 61px;'><polygon points='104,18.6651204440018610
3.2009214885674586,0 0,61' style='fill: #080808; stroke: #080808;'></polygon></svg><svg
style='-webkit-transform: translate3d(-109.57337584457997px,
-518.8998355108204px, -14.738803805334783px) rotateX(1.5691951013515433rad)
rotateY(-0.3354177822336857rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 93px; height: 149px;'><polygon points='0,0 24.7812948042617442,149
93,76.8393387868628537' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-234.11693509920372px, 100.74919333888818px, -12.050200327521907px)
rotateX(-1.2032698860087732rad) rotateY(-1.3274445278133018rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 66px; height: 115px;'><polygon
points='66,39.7922937254972453 28.7515523560899169,0 0,115' style='fill:
#0c0c0c; stroke: #0c0c0c;'></polygon></svg><svg style='-webkit-transform:
translate3d(-218.49062284334434px, 195.9955873146656px, -10.944144362934708px)
rotateX(-1.677826703633581rad) rotateY(-0.9805295971525285rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 61px;'><polygon
points='114,0 0,8.6397700541169904 108.6850260260609247,61' style='fill:
#060606; stroke: #060606;'></polygon></svg><svg
style='-webkit-transform: translate3d(-253.34085089015207px,
-377.30151931326066px, -2.9846894764359604px) rotateX(1.4264672660786983rad)
rotateY(-1.210064819579515rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 105px; height: 83px;'><polygon points='105,83
45.5258914464441702,0 0,40.6487562591831022' style='fill: #010101; stroke:
#010101;'></polygon></svg><svg style='-webkit-transform:
translate3d(138.9844266035426px, -501.23750637375366px, -20.514244207397155px)
rotateX(1.5694155632020577rad) rotateY(0.42788908996074815rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 68px; height: 150px;'><polygon
points='18.2190200129344824,0 0,150 68,129.2907748816884634' style='fill:
#050505; stroke: #050505;'></polygon></svg><svg
style='-webkit-transform: translate3d(198.7589336905893px,
-449.05467285153156px, -19.97472752445003px) rotateX(-4.627840039587829rad)
rotateY(0.6328897214827334rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 48px; height: 111px;'><polygon points='24.0903771094443862,0 0,111
48,109.3210677341285191' style='fill: #040404; stroke:
#040404;'></polygon></svg><svg style='-webkit-transform:
translate3d(166.2558058490904px, -143.55633525632652px, -19.548220073651578px)
rotateX(-0.6214598098041333rad) rotateY(1.4501758322085665rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 245px; height: 258px;'><polygon
points='107.7928165486723344,0 0,258 245,53.7902030558766171' style='fill:
#242424; stroke: #242424;'></polygon></svg><svg
style='-webkit-transform: translate3d(-148.80674612991453px,
-497.87815659477144px, -14.977244501602058px) rotateX(1.5471336944823446rad)
rotateY(-0.45415365195271296rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 69px; height: 148px;'><polygon points='0,131.7732133245182524
69,148 42.4858740282365304,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-187.71206298587828px, -445.7292125327539px, -10.805593595571509px)
rotateX(-4.662294560155879rad) rotateY(-0.6639688715537169rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 48px; height: 111px;'><polygon
points='0,111 48,109.0725553562939751 16.9429547169989760,0' style='fill: #000000;
stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(187.56745571226588px,
173.36982398222892px, 7.102217699366179px) rotateX(-0.7829002511738358rad)
rotateY(0.8630961630396734rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width:
105px; height: 81px;'><polygon points='0,81 105,4.5120742983759063
60.8089970074420307,0' style='fill: #353535; stroke:
#353535;'></polygon></svg><svg style='-webkit-transform:
translate3d(115.5995255117341px, 218.75448476235704px, 18.258035576015004px)
rotateX(-0.7276314869050814rad) rotateY(0.1116419897870553rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 91px; height: 93px;'><polygon
points='91,57.5875744774451945 91,0 0,93' style='fill: #3f3f3f; stroke:
#3f3f3f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-130.1805317345566px, 222.9685551326388px, 16.842886807928153px)
rotateX(-0.5874281448470631rad) rotateY(0.0027775212045457742rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 93px; height: 99px;'><polygon points='93,99
3.5926026278883700,0 0,54.5186889232489946' style='fill: #424242; stroke:
#424242;'></polygon></svg><svg style='-webkit-transform:
translate3d(-19.83061113883184px, -502.6250944473965px, 29.336314091026452px)
rotateX(1.53042989997941rad) rotateY(-0.09153312817181347rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 83px;'><polygon
points='69,2.2499232430954574 0,0 48.8614117363481952,83' style='fill: #030303;
stroke: #030303;'></polygon></svg><svg style='-webkit-transform:
translate3d(-339.8621255769504px, -133.47724026575327px, 1.5648976497276408px)
rotateX(-0.5632493092742041rad) rotateY(-1.3974295864861812rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 235px; height: 223px;'><polygon
points='0,46.4641072023764323 235,223 139.0024382943821308,0' style='fill:
#0c0c0c; stroke: #0c0c0c;'></polygon></svg><svg
style='-webkit-transform: translate3d(-199.49062284334434px,
186.26971180232488px, 14.875846884147336px) rotateX(-0.46261417343665734rad)
rotateY(-0.5745091494033026rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 76px; height: 86px;'><polygon points='76,86
64.8965575017614356,12.1673435115619561 0,0' style='fill: #373737; stroke:
#373737;'></polygon></svg><svg style='-webkit-transform: translate3d(-54.3987855085237px,
261.53762478643614px, 13.809945161856717px) rotateX(-0.6284297640930068rad)
rotateY(-0.7993601771041954rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 111px; height: 172px;'><polygon points='111,172
109.8057314583116550,0 0,72.6385716499315066' style='fill: #2d2d2d; stroke:
#2d2d2d;'></polygon></svg><svg style='-webkit-transform:
translate3d(20.45730839376381px, 260.61953610408955px, 11.83429647688672px)
rotateX(-0.6183394490443973rad) rotateY(0.8283567245026604rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 172px;'><polygon
points='114,62.2980339888828780 0,0 1.2088583814263185,172' style='fill:
#3a3a3a; stroke: #3a3a3a;'></polygon></svg><svg
style='-webkit-transform: translate3d(196.8306856230488px, 184.10716764194763px,
18.89834602869405px) rotateX(-0.7307354049390307rad)
rotateY(0.8151617546186923rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 58px; height: 83px;'><polygon points='0,83 58,0
0.2745901292726119,24.9968727394250365' style='fill: #373737; stroke: #373737;'></polygon></svg><svg
style='-webkit-transform: translate3d(-130.9392654323202px,
232.0487088886615px, 21.31527510160015px) rotateX(-0.9363675370307122rad)
rotateY(-0.3619846731193104rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 138px; height: 93px;'><polygon points='138,11.0845171899494197 0,0
94.7404102660469931,93' style='fill: #323232; stroke:
#323232;'></polygon></svg><svg style='-webkit-transform:
translate3d(-141.95532418799212px, 206.5432928640946px, 29.63345252890622px)
rotateX(-0.5157895084432376rad) rotateY(-0.8254255886022523rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 19px; height: 74px;'><polygon
points='13.1939896515216244,74 19,18.7858130252528817 0,0' style='fill:
#2d2d2d; stroke: #2d2d2d;'></polygon></svg><svg
style='-webkit-transform: translate3d(71.17186068737601px,
229.27635788086684px, 22.399226151738503px) rotateX(-1.037943361084093rad)
rotateY(0.3972974068495607rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 141px; height: 86px;'><polygon points='141,0 0,5.4591299938188484
42.1374096026091820,86' style='fill: #353535; stroke:
#353535;'></polygon></svg><svg style='-webkit-transform:
translate3d(28.333401942816295px, -494.59983807743026px, 29.53752750209958px)
rotateX(1.4612663544626727rad) rotateY(0.19533246986320307rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 115px; height: 81px;'><polygon
points='19.5118645766332897,0 0,81 115,66.1211466362245801' style='fill:
#0b0b0b; stroke: #0b0b0b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-85.04479037307374px, -494.2362782380647px, 28.48355189855215px)
rotateX(1.4547456812790638rad) rotateY(-0.21616201098726084rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 116px; height: 82px;'><polygon
points='0,73.4260489363350359 116,82 65.8193057990008157,0' style='fill:
#070707; stroke: #070707;'></polygon></svg><svg
style='-webkit-transform: translate3d(181.91605731633706px,
-198.05169047362045px, 40.42694672776395px) rotateX(0.4636502305027457rad)
rotateY(1.423753617900013rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 212px; height: 95px;'><polygon points='0,32.4260528721378307
99.9909530843053176,95 212,0' style='fill: #212121; stroke:
#212121;'></polygon></svg><svg style='-webkit-transform: translate3d(237.83305352879324px,
80.06078913613555px, 54.25414481713938px) rotateX(-0.7942980483364573rad)
rotateY(0.8623000456606476rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 44px; height: 109px;'><polygon points='44,109
30.5278096409459145,0 0,103.1905607156258640' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(152.75622720793478px, -390.8741108150932px, 80.57652206754119px)
rotateX(1.4254884467053257rad) rotateY(1.4108688037275283rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 260px; height: 276px;'><polygon
points='103.8293576444716564,29.9778081410589401 0,276 260,0' style='fill:
#121212; stroke: #121212;'></polygon></svg><svg
style='-webkit-transform: translate3d(-55.807432512598666px,
270.1051579101329px, 43.311766128499926px) rotateX(-0.5774065028220997rad)
rotateY(-0.8217016068363399rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 113px; height: 72px;'><polygon points='58.5775976314791009,0 0,72
113,2.7981898212912917' style='fill: #2b2b2b; stroke:
#2b2b2b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-224.02052301121506px, 144.8637726126767px, 49.01617786237705px)
rotateX(-0.8006986638078407rad) rotateY(-1.0977250456344674rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 59px;'><polygon
points='0,7.5415753296015247 19.5292847269375933,59 80,0' style='fill: #1b1b1b;
stroke: #1b1b1b;'></polygon></svg><svg
style='-webkit-transform: translate3d(-197.96499690859332px,
149.36516380191938px, 56.90871106442353px) rotateX(-1.3379156462578279rad)
rotateY(-0.5302613798594655rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 64px; height: 78px;'><polygon points='0,78 64,57.9781375142672744
31.6051108007587587,0' style='fill: #1d1d1d; stroke: #1d1d1d;'></polygon></svg><svg
style='-webkit-transform: translate3d(23.95730839376381px, 265.1021670243872px,
43.5041796680041px) rotateX(-0.7607218899109915rad)
rotateY(0.7670498092049974rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 107px; height: 74px;'><polygon points='107,74
52.9492080101637015,1.5151504526109640 0,0' style='fill: #383838; stroke:
#383838;'></polygon></svg><svg style='-webkit-transform:
translate3d(-330.2343546048862px, -183.01792451617848px, 45.5742463585608px)
rotateX(0.2196616723192153rad) rotateY(-1.3881674942816935rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 214px; height: 85px;'><polygon
points='0,20.5587886881387547 132.0255632779106065,85 214,0' style='fill:
#0a0a0a; stroke: #0a0a0a;'></polygon></svg><svg style='-webkit-transform:
translate3d(219.75042322113757px, -100.70456176775622px, 55.151778177249525px)
rotateX(-0.46825870114969526rad) rotateY(1.378149522836187rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 113px; height: 271px;'><polygon
points='0,171.4378594653856283 44.9672774743335424,271 113,0' style='fill:
#262626; stroke: #262626;'></polygon></svg><svg
style='-webkit-transform: translate3d(-154.0074574327844px,
211.9918296393447px, 63.631759965279px) rotateX(-1.5140271665322522rad)
rotateY(-1.0743412455447703rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 58px; height: 41px;'><polygon points='58,0 0,41
26.3301116068788268,39.6791657560856521' style='fill: #0a0a0a; stroke:
#0a0a0a;'></polygon></svg><svg style='-webkit-transform: translate3d(-386.9946739917665px,
-350.16357511405795px, 81.36788049729591px) rotateX(1.0795460009200113rad)
rotateY(-1.4218964144483994rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 339px; height: 196px;'><polygon points='0,25.1980250017679133
339,196 156.8463182574359394,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-128.4392654323202px, 231.9698825838217px, 58.53222241771323px)
rotateX(-2.043946039055606rad) rotateY(-0.24156599748890173rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 133px; height: 49px;'><polygon
points='0,49 133,9.5607632400603144 15.3411714456238961,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(74.67186068737601px, 227.90054767838592px,
60.125368630664525px) rotateX(-2.0572624763918586rad)
rotateY(0.25047994549966424rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 134px; height: 52px;'><polygon points='0,7.8342068873104429 134,52
108.4068052886615732,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(213.69346366341665px, 100.30010605682651px, 60.86459294972144px)
rotateX(-1.272080811291549rad) rotateY(1.2867154870869775rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 81px; height: 81px;'><polygon
points='81,0 0,27.5146546980127091 9.5258556114468043,81' style='fill: #1f1f1f;
stroke: #1f1f1f;'></polygon></svg><svg
style='-webkit-transform: translate3d(195.9248358058179px, 152.4342142819528px,
84.96303541442148px) rotateX(-1.6945356277368364rad)
rotateY(0.845155417081787rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 60px; height: 115px;'><polygon points='7.8154821734713629,0
0,94.5665354854988038 60,115' style='fill: #161616; stroke:
#161616;'></polygon></svg><svg style='-webkit-transform:
translate3d(137.9844266035426px, -466.54884946288246px, 83.84522853530893px)
rotateX(1.3817294346254516rad) rotateY(0.47103759715508rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 96px;'><polygon points='41.9669347809860227,96
70,0 0,14.5859617468629299' style='fill: #121212; stroke:
#121212;'></polygon></svg><svg style='-webkit-transform:
translate3d(-149.30674612991453px, -460.3886788001212px, 91.63668396365301px)
rotateX(1.3550302764919628rad) rotateY(-0.486877928828068rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 94px;'><polygon
points='70,10.1463061128679470 0,0 32.5008005677668095,94' style='fill:
#0b0b0b; stroke: #0b0b0b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-113.65998414557748px, 257.0768864576147px, 85.6116196097853px)
rotateX(-1.9928829196308935rad) rotateY(-0.23720856030140802rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 155px; height: 39px;'><polygon
points='0,27.5420670550592774 116.8676062840851557,39 155,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(36.54155150736415px, 258.963003169971px,
87.74038540884919px) rotateX(-2.0246642493099793rad) rotateY(0.248069038333262rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 148px; height:
36px;'><polygon points='0,0 39.3251884619327043,36
148,26.7828179075007249' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(27.531725560586324px, -476.44956591336444px, 96.07200855874373px)
rotateX(1.2493901762805888rad) rotateY(0.216047425431366rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 154px; height: 83px;'><polygon
points='154,83 115.4969997815815645,0 0,8.9638985844697139' style='fill: #191919;
stroke: #191919;'></polygon></svg><svg
style='-webkit-transform: translate3d(186.01807151253774px,
160.03328500582484px, 85.32383772214564px) rotateX(-1.3306083829238011rad)
rotateY(1.1522029868306345rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 85px; height: 94px;'><polygon points='85,94
77.4623590154881754,39.4904072595494569 0,0' style='fill: #212121; stroke:
#212121;'></polygon></svg><svg style='-webkit-transform:
translate3d(-118.4724698855182px, -474.5317432593882px, 102.46606138703521px)
rotateX(1.23845696620669rad) rotateY(-0.22650512632243003rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 150px; height: 85px;'><polygon
points='150,2.8931934116205547 33.7165747578371082,0 0,85' style='fill:
#151515; stroke: #151515;'></polygon></svg><svg
style='-webkit-transform: translate3d(219.6967728982761px,
-524.0897968250583px, 115.55470110666158px) rotateX(-4.436069986903374rad)
rotateY(1.0931648432060692rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 81px; height: 308px;'><polygon points='14.6284038334121362,308
81,0 0,79.9099430498222603' style='fill: #020202; stroke:
#020202;'></polygon></svg><svg style='-webkit-transform:
translate3d(175.7770043320544px, 194.80657588907513px, 91.11658392278741px) rotateX(-1.6877578109280649rad)
rotateY(0.7872270367858839rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 42px; height: 95px;'><polygon points='42,0 0,49.1485945500367833
34.2006451229526576,95' style='fill: #161616; stroke:
#161616;'></polygon></svg><svg style='-webkit-transform:
translate3d(-149.5074574327844px, 181.9668566037244px, 92.71377122687068px)
rotateX(-1.7402251528123687rad) rotateY(-0.9716841460247201rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 49px; height: 111px;'><polygon
points='8.6915421292138539,0 0,111 49,59.0089577035775932' style='fill:
#040404; stroke: #040404;'></polygon></svg><svg
style='-webkit-transform: translate3d(-177.38190733541649px,
147.20348632995604px, 98.73213414307895px) rotateX(-1.7439745593980298rad) rotateY(-0.9437723298363032rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 55px; height:
111px;'><polygon points='55,0 0,63.3121427346551968
46.3803224304831403,111' style='fill: #040404; stroke:
#040404;'></polygon></svg><svg style='-webkit-transform:
translate3d(165.75622720793478px, -402.3741108150932px, 80.57652206754119px)
rotateX(-0.3106258878379573rad) rotateY(1.3927517688161837rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 234px; height: 299px;'><polygon
points='234,299 0,0 58.2684729165520636,174.9758438578847120' style='fill:
#282828; stroke: #282828;'></polygon></svg><svg
style='-webkit-transform: translate3d(-112.65998414557748px,
259.389777874796px, 92.37593559027675px) rotateX(-2.2981297409177563rad)
rotateY(-0.1737285618806732rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 153px; height: 42px;'><polygon points='153,4.7060751034482600
55.3903829941593671,0 0,42' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-259.9438293036513px, -92.78837843218935px, 85.27060918696566px)
rotateX(-0.3907222551938756rad) rotateY(-1.2776495342053087rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 116px; height: 236px;'><polygon
points='116,2.5683445644612268 0,0 57.2469227713281796,236' style='fill: #151515;
stroke: #151515;'></polygon></svg><svg
style='-webkit-transform: translate3d(37.04155150736415px,
259.81207527839763px, 96.17038336202802px) rotateX(-2.221654315244857rad)
rotateY(0.20868504714644498rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 147px; height: 45px;'><polygon points='0,11.3574298554886379
147,45 96.6261297534841361,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-246.0853506673978px, -508.1442192858598px, 128.4140873319052px)
rotateX(-4.516790650484882rad) rotateY(-1.1305159728764926rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 93px; height: 301px;'><polygon
points='86.8771455100853132,72.1513241412755946 0,0 93,301' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(199.2589336905893px,
-552.9923049462188px, 138.96392437453005px) rotateX(-4.35660800375679rad)
rotateY(0.6084738437373958rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 47px; height: 232px;'><polygon points='0,8.8597464858808372
22.8792032133623131,232 47,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-224.02052301121506px, 1.9407168954764984px, 114.22277506941873px)
rotateX(-0.6030467001567226rad) rotateY(-1.0983289461182357rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 173px;'><polygon
points='80,173 72.6758556763993369,0 0,165.8324355173974141' style='fill:
#1f1f1f; stroke: #1f1f1f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-57.11681178986555px, 284.2764057754016px, 105.94285305433812px)
rotateX(-1.0957170325014642rad) rotateY(-0.017320859658213283rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 191px; height: 23px;'><polygon points='95.7156360455868764,23
191,0 0,5.5942134859871304' style='fill: #303030; stroke:
#303030;'></polygon></svg><svg style='-webkit-transform:
translate3d(-327.4946739917665px, -401.22025902815693px, 92.47698081642625px)
rotateX(-0.35645033690125194rad) rotateY(-1.3397978702831228rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 220px; height: 310px;'><polygon
points='169.3640697855996677,177.4831630025396692 220,0 0,310' style='fill:
#101010; stroke: #101010;'></polygon></svg><svg style='-webkit-transform:
translate3d(215.3924910778136px, -97.51168079122897px, 88.55476741244615px)
rotateX(-0.34328264853486945rad) rotateY(1.331352126774424rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 116px; height: 184px;'><polygon
points='24.1010234825692606,184 116,0 0,7.3145713224669651' style='fill:
#282828; stroke: #282828;'></polygon></svg><svg
style='-webkit-transform: translate3d(27.031725560586324px,
-470.53371357354587px, 100.32444687222869px) rotateX(1.2634792255862748rad)
rotateY(0.22261300731279254rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 155px; height: 74px;'><polygon points='0,0
2.0741920588479421,70.9730811103263193 155,74' style='fill: #181818; stroke:
#181818;'></polygon></svg><svg style='-webkit-transform: translate3d(-187.21206298587828px,
-544.6729388064273px, 149.29970990817424px) rotateX(-4.3821394443918065rad)
rotateY(-0.6493771971239402rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 47px; height: 231px;'><polygon points='0,0 33.6159882577507787,231
47,7.1178339590842237' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(123.4692802729569px, 236.54674729005376px, 114.26122386941188px)
rotateX(-1.5391713370681515rad) rotateY(0.6399694582389553rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 98px; height: 53px;'><polygon
points='0,24.7558840104890727 60.6091507010688133,53 98,0' style='fill:
#1c1c1c; stroke: #1c1c1c;'></polygon></svg><svg
style='-webkit-transform: translate3d(-142.2785369918102px, 230.969607618586px,
119.40677993575628px) rotateX(-1.4615247665457478rad)
rotateY(-0.6023706632376715rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 94px; height: 66px;'><polygon points='27.3494801297924539,66
94,44.8522165422979384 0,0' style='fill: #151515; stroke: #151515;'></polygon></svg><svg
style='-webkit-transform: translate3d(-118.4609653593048px,
-472.7873833953414px, 103.90906015245093px) rotateX(1.2502692493146124rad)
rotateY(-0.2327880730955567rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 152px; height: 82px;'><polygon points='0,82
152,70.9729378479443085 149.8414470834448764,0' style='fill: #141414; stroke:
#141414;'></polygon></svg><svg style='-webkit-transform:
translate3d(229.19346366341665px, 3.995489758014287px, 115.85547711892536px)
rotateX(-0.606560627502002rad) rotateY(1.0948714447125585rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 50px; height: 173px;'><polygon
points='50,103.3039670074856673 7.3987987159772821,0 0,173' style='fill:
#303030; stroke: #303030;'></polygon></svg><svg
style='-webkit-transform: translate3d(218.8924910778136px, -211.298964650784px,
120.54356835520377px) rotateX(-0.044404522202988295rad)
rotateY(1.315765677001965rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 109px; height: 143px;'><polygon points='50.1265762476712240,0
0,143 109,102.4017405320674641' style='fill: #282828; stroke:
#282828;'></polygon></svg><svg style='-webkit-transform:
translate3d(-257.9438293036513px, -204.32501849361603px, 136.28090229663064px)
rotateX(-0.12465284533781995rad) rotateY(-1.2657781388984022rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 112px; height: 138px;'><polygon
points='49.2755546711536070,0 0,106.3015901032024288 112,138' style='fill:
#151515; stroke: #151515;'></polygon></svg><svg
style='-webkit-transform: translate3d(179.9045783215621px, 132.7495623362396px,
124.70420447140725px) rotateX(-0.26096223677641484rad)
rotateY(1.1406963876791099rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 89px; height: 95px;'><polygon points='13.3276643869562488,95
89,51.4404139485515302 0,0' style='fill: #303030; stroke:
#303030;'></polygon></svg><svg style='-webkit-transform:
translate3d(-57.11681178986555px, 240.93474305702784px, 142.4347037636453px)
rotateX(-1.0801431640091055rad) rotateY(-0.01777658814382832rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 191px; height: 71px;'><polygon
points='95.9040760693458907,0 0,71 191,65.2399768618382296' style='fill:
#323232; stroke: #323232;'></polygon></svg><svg
style='-webkit-transform: translate3d(-235.06514424601875px,
-71.74528727552445px, 130.7938326637517px) rotateX(-0.4274907649194617rad)
rotateY(-1.2280344277971817rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 99px; height: 236px;'><polygon points='99,83.0842049365775921
50.1614098126038428,0 0,236' style='fill: #191919; stroke:
#191919;'></polygon></svg><svg style='-webkit-transform:
translate3d(169.5691875547875px, -543.8176967316815px, 143.4150316676164px)
rotateX(-4.50459135049767rad) rotateY(-0.8153114720175387rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 63px; height: 223px;'><polygon
points='63,223 35.1399738335668204,0 0,92.7790610060807523' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(131.4692802729569px, 216.71084942411028px,
135.15894512386558px) rotateX(-0.7788696427613377rad)
rotateY(0.3102438887300929rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 78px;'><polygon points='2.5546034223610752,0 0,78
82,19.3616645403503469' style='fill: #3d3d3d; stroke:
#3d3d3d;'></polygon></svg><svg style='-webkit-transform:
translate3d(-191.68155619103135px, 140.26259456169805px, 134.9096988094584px)
rotateX(-0.2029306282095149rad) rotateY(-1.1094670035760754rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 92px; height: 90px;'><polygon
points='72.1444898022969738,90 92,0 0,47.3514948328588545' style='fill:
#1f1f1f; stroke: #1f1f1f;'></polygon></svg><svg
style='-webkit-transform: translate3d(-134.77853699181014px, 214.47801400091168px,
135.749586310494px) rotateX(-0.7919325367920065rad)
rotateY(-0.17619888520361804rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 79px; height: 85px;'><polygon points='66.5089636583140447,0
0,16.6519174194222330 79,85' style='fill: #3a3a3a; stroke: #3a3a3a;'></polygon></svg><svg
style='-webkit-transform: translate3d(224.3883832195612px,
-68.50604963344847px, 148.494740289152px) rotateX(-0.3745349346668072rad)
rotateY(1.2614570155819769rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 63px; height: 178px;'><polygon points='63,178
44.1100016161319601,0 0,85.2264587603392982' style='fill: #2a2a2a; stroke:
#2a2a2a;'></polygon></svg><svg style='-webkit-transform:
translate3d(-163.96308925959067px, -538.2217480478861px, 152.85296957321032px)
rotateX(-4.463805501353267rad) rotateY(0.7781289216417372rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 56px; height: 224px;'><polygon
points='56,90.4741094310218870 14.6825518472403864,0 0,224' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(187.59949787770677px,
31.250812877128396px, 155.49059069783107px) rotateX(-0.5997726400753789rad)
rotateY(1.0106239120299065rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 77px; height: 173px;'><polygon points='77,0 0,97.2873724866406775
69.7184967934833679,173' style='fill: #343434; stroke:
#343434;'></polygon></svg><svg style='-webkit-transform:
translate3d(249.81797057624874px, -213.95912385579578px, 151.0833710485581px)
rotateX(0.16339951477037173rad) rotateY(0.9609903185971902rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 29px; height: 150px;'><polygon
points='0,29.2688465041642942 6.1096123097413306,150 29,0' style='fill:
#353535; stroke: #353535;'></polygon></svg><svg
style='-webkit-transform: translate3d(-70.09446948344305px,
226.2668717638088px, 147.29386780691527px) rotateX(-0.7980359073473444rad)
rotateY(-0.21899770267631125rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 111px; height: 85px;'><polygon points='11.8973737327818245,85
111,17.1973760814902192 0,0' style='fill: #393939; stroke:
#393939;'></polygon></svg><svg style='-webkit-transform:
translate3d(38.04397208296416px, 231.51433723454238px, 150.20931817971257px)
rotateX(-0.7747887724250028rad) rotateY(0.1886672255554045rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 99px; height: 78px;'><polygon
points='96.0464396419090320,78 99,0 0,14.5654403769844798' style='fill:
#3e3e3e; stroke: #3e3e3e;'></polygon></svg><svg
style='-webkit-transform: translate3d(-185.22617742583503px, 36.32495156954326px,
164.64539840048667px) rotateX(-0.5933457534217867rad)
rotateY(-0.9557390425208365rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 76px; height: 173px;'><polygon points='5.3539238168898544,173
76,97.5565506523466723 0,0' style='fill: #262626; stroke:
#262626;'></polygon></svg><svg style='-webkit-transform:
translate3d(29.543230086799667px, -442.46797275455407px, 160.47309168124275px)
rotateX(0.969361518671843rad) rotateY(0.20910803393827648rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 152px; height: 76px;'><polygon
points='152,11.8934893644956947 0,0 1.9393611739776777,76' style='fill:
#292929; stroke: #292929;'></polygon></svg><svg
style='-webkit-transform: translate3d(178.05894344059504px, -495.8405597116065px,
117.32681691059918px) rotateX(1.4662365470278647rad)
rotateY(1.3937302687730935rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 171px; height: 264px;'><polygon
points='76.9714387008793466,249.8658329485497802 171,0 0,264' style='fill:
#111111; stroke: #111111;'></polygon></svg><svg
style='-webkit-transform: translate3d(-118.01240784352217px,
-442.77476337732185px, 160.48998860511995px) rotateX(0.9588989818136855rad)
rotateY(-0.20360609512177685rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 153px; height: 76px;'><polygon points='153,76
150.9406439720526123,0 0,20.2343214933433124' style='fill: #252525; stroke:
#252525;'></polygon></svg><svg style='-webkit-transform:
translate3d(-210.04484549094371px, -206.90319049264502px, 159.5990933008551px)
rotateX(0.11747748035906058rad) rotateY(-0.9175049724508022rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 31px; height: 149px;'><polygon
points='29.7913833373551498,27.8325040913191479 0,0 31,149' style='fill:
#292929; stroke: #292929;'></polygon></svg><svg style='-webkit-transform:
translate3d(132.68560250349879px, 146.05925437153974px, 170.8174573566157px)
rotateX(-0.36527669069460567rad) rotateY(0.3775884094291908rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 82px; height: 96px;'><polygon points='82,96
75.2524388401291588,0 0,87.2866170063185791' style='fill: #454545; stroke:
#454545;'></polygon></svg><svg style='-webkit-transform:
translate3d(-135.08514357739546px, 148.49301953233237px, 173.68014587845232px)
rotateX(-0.36440269779053613rad) rotateY(-0.26134508019463265rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 68px; height: 92px;'><polygon
points='68,81.0004005584595888 8.6959893011556648,0 0,92' style='fill: #414141;
stroke: #414141;'></polygon></svg><svg style='-webkit-transform:
translate3d(-321.5853506673978px, -460.0050378808859px, 133.28992377357406px)
rotateX(1.1573529808199132rad) rotateY(-1.4078682973215977rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 244px; height: 209px;'><polygon
points='244,198.1353454283784288 0,0 166.3726094146299488,209' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(31.99178760258235px,
-434.43717800350635px, 165.26243190948423px) rotateX(1.0654067175553696rad)
rotateY(0.16767387537498624rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 149px; height: 67px;'><polygon points='0,67
135.2031798635498490,51.3151393481223721 149,0' style='fill: #242424; stroke:
#242424;'></polygon></svg><svg style='-webkit-transform:
translate3d(-117.51240784352217px, -428.4632478849155px, 168.77148782057088px)
rotateX(1.0558453329034894rad) rotateY(-0.16790344539952518rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 152px; height: 59px;'><polygon
points='0,0 15.9994939091548556,50.4928844424735530 152,59' style='fill:
#212121; stroke: #212121;'></polygon></svg><svg
style='-webkit-transform: translate3d(221.52863564078268px,
-295.0266764252099px, 188.69457783082328px) rotateX(-0.6656314335038352rad)
rotateY(1.161246240482428rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 73px; height: 120px;'><polygon points='0,0 31.5890891544641583,120
73,116.5089161944884069' style='fill: #2d2d2d; stroke:
#2d2d2d;'></polygon></svg><svg style='-webkit-transform:
translate3d(209.50754156638322px, -540.28209349556px, 142.78681996187447px)
rotateX(-4.442272435379374rad) rotateY(1.0447470314033653rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 52px; height: 230px;'><polygon
points='38.4092126418463735,0 0,230 52,227.3696509387282276' style='fill: #020202;
stroke: #020202;'></polygon></svg><svg
style='-webkit-transform: translate3d(184.6354227741872px,
-252.91987090223415px, 192.94805988434734px) rotateX(0.1622047916786522rad)
rotateY(0.9472892810588095rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 95px; height: 182px;'><polygon points='95,182
88.5779414375416962,61.0440818171546411 0,0' style='fill: #363636; stroke:
#363636;'></polygon></svg><svg style='-webkit-transform:
translate3d(-224.7442696038193px, -288.147658853624px, 198.8905695669365px) rotateX(-0.6472501849134844rad)
rotateY(-1.1085271958966278rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 75px; height: 119px;'><polygon points='0,114.6659236298765734
40.6011313628954156,119 75,0' style='fill: #1d1d1d; stroke: #1d1d1d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-197.94072660310997px,
-539.6331365034675px, 151.65947527692174px) rotateX(-4.514183688151162rad)
rotateY(-1.0832452652406177rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 58px; height: 228px;'><polygon points='5.3600747385022061,228
58,225.7793834188663311 0,0' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-201.94461522139898px, -250.05226596425393px, 201.94794643834223px)
rotateX(0.1176304306478082rad) rotateY(-0.903561444502889rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 85px; height: 187px;'><polygon
points='85,0 0,65.8604420999812845 0.8013446766649495,187' style='fill:
#292929; stroke: #292929;'></polygon></svg><svg style='-webkit-transform:
translate3d(31.501061432004917px, -398.70788298738216px, 209.16286300992044px)
rotateX(0.6287043098228504rad) rotateY(0.19951402606541202rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 137px; height: 76px;'><polygon
points='120.4414478407354210,76 137,0 0,4.4013297019260520' style='fill:
#383838; stroke: #383838;'></polygon></svg><svg
style='-webkit-transform: translate3d(38.038131203238436px,
128.90115116203515px, 212.3999130626181px) rotateX(-0.6957205319808509rad)
rotateY(0.17659458744440304rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 99px; height: 142px;'><polygon points='0,0 0.0118663083557036,142
99,125.5946922447945013' style='fill: #414141; stroke:
#414141;'></polygon></svg><svg style='-webkit-transform:
translate3d(-69.59446948344305px, 107.85432578063137px, 217.34646016346335px)
rotateX(-0.6921888935758259rad) rotateY(-0.2016425243407547rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 110px; height: 164px;'><polygon
points='110,164 31.9501957665466421,0 0,143.7884023070103297' style='fill:
#3e3e3e; stroke: #3e3e3e;'></polygon></svg><svg
style='-webkit-transform: translate3d(-102.12515892569473px,
-396.2739235533284px, 213.06288103574104px) rotateX(0.6187810722902398rad)
rotateY(-0.17672856081492716rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 137px; height: 78px;'><polygon points='137,0 0,2.4351872413569682
19.4037558432388622,78' style='fill: #353535; stroke:
#353535;'></polygon></svg><svg style='-webkit-transform:
translate3d(128.4070400928888px, 35.962976588701395px, 208.3476343012146px)
rotateX(-0.5911245947593905rad) rotateY(0.5875230700678605rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 85px; height: 205px;'><polygon
points='36.2783201893047007,0 0,205 85,125.8651641186924053' style='fill:
#414141; stroke: #414141;'></polygon></svg><svg
style='-webkit-transform: translate3d(144.22131993451455px,
30.301246863891038px, 200.56284888453717px) rotateX(-0.43005136371919006rad)
rotateY(0.8615040289211047rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 124px; height: 120px;'><polygon points='61.0418306321109512,120
124,13.2110240465045674 0,0' style='fill: #3b3b3b; stroke:
#3b3b3b;'></polygon></svg><svg style='-webkit-transform:
translate3d(201.88590949351396px, -292.0685697290807px, 198.2888703531712px)
rotateX(-0.9492908549379893rad) rotateY(-0.4158268538495986rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 57px; height: 123px;'><polygon
points='0,31.0690358270701381 57,123 42.7869300531491703,0' style='fill:
#313131; stroke: #313131;'></polygon></svg><svg
style='-webkit-transform: translate3d(146.12533169844016px,
-61.09431979412449px, 220.85591937554534px) rotateX(-0.1044493077348041rad)
rotateY(0.9232258692049643rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 142px; height: 94px;'><polygon points='119.0388379224920925,94
142,0 0,24.8369535310150056' style='fill: #3a3a3a; stroke:
#3a3a3a;'></polygon></svg><svg style='-webkit-transform:
translate3d(-130.38479243301026px, 32.07702931103381px, 213.43522077516673px)
rotateX(-0.594783667474673rad) rotateY(-0.5289044157063438rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 67px; height: 207px;'><polygon
points='0,131.5887996628332246 67,207 61.9996682473970608,0' style='fill:
#383838; stroke: #383838;'></polygon></svg><svg
style='-webkit-transform: translate3d(-206.65394448107617px,
-60.781197176545334px, 219.75752261052685px) rotateX(-0.1334321464866599rad)
rotateY(-0.8747920572134276rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 119px; height: 99px;'><polygon points='119,0 0,5.9556876713427256
25.2901525800457030,99' style='fill: #2c2c2c; stroke:
#2c2c2c;'></polygon></svg><svg style='-webkit-transform:
translate3d(-188.94461522139898px, -286.39957116383096px, 207.98772601413089px)
rotateX(-0.9598971372124185rad) rotateY(0.4652367092995118rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 59px; height: 122px;'><polygon
points='16.8924435861147870,0 0,122 59,31.9665750347661231' style='fill:
#373737; stroke: #373737;'></polygon></svg><svg
style='-webkit-transform: translate3d(-189.4621480205866px,
32.362907780675755px, 213.66368283128872px) rotateX(-0.4188782686661594rad)
rotateY(-0.7882060036531517rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 138px; height: 125px;'><polygon points='138,0 0,17.2941281294508755
61.8396159415801279,125' style='fill: #2f2f2f; stroke:
#2f2f2f;'></polygon></svg><svg style='-webkit-transform:
translate3d(153.6850732517994px, -524.3318293128167px, 244.3064387719993px)
rotateX(-4.6178345393846rad) rotateY(-1.124916342699339rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 45px; height: 229px;'><polygon
points='0,43.5944098393945936 45,229 30.1017791098236884,0' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(149.62533169844016px,
-256.8659219053239px, 214.00550785239272px) rotateX(0.11316215623880854rad)
rotateY(0.887377716992879rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 135px; height: 234px;'><polygon points='135,184.5867755212404120
47.5418450343017156,0 0,234' style='fill: #3a3a3a; stroke:
#3a3a3a;'></polygon></svg><svg style='-webkit-transform:
translate3d(31.873666613120804px, -396.1371589832989px, 213.3950097486669px)
rotateX(0.6556632170624526rad) rotateY(0.2149992667016427rad) rotateZ(0rad) scaleX(1)
scaleY(1) scaleZ(1); width: 121px; height: 77px;'><polygon points='0,0
3.8340493142498531,77 121,70.4703365155642416' style='fill: #373737; stroke:
#373737;'></polygon></svg><svg style='-webkit-transform:
translate3d(-82.70150823668234px, -396.9743412011041px, 214.73841679536406px)
rotateX(0.6355494554753118rad) rotateY(-0.18759461794915344rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 121px; height: 77px;'><polygon
points='0,77 121,77 116.8947131373966357,0' style='fill: #343434; stroke: #343434;'></polygon></svg><svg
style='-webkit-transform: translate3d(-206.65394448107617px,
-252.0891466274133px, 217.14336078386225px) rotateX(0.0937487003500499rad)
rotateY(-0.8693529619591707rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 119px; height: 203px;'><polygon points='119,203
80.7244177546098456,0 0,187.5755000854948378' style='fill: #2b2b2b; stroke:
#2b2b2b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-125.98510734678251px, -522.4154674692184px, 252.0078685294062px)
rotateX(-4.531435587712699rad) rotateY(1.09103875844254rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 35px; height: 229px;'><polygon
points='0,0 8.0516231459419423,229 35,40.4660849083804806' style='fill:
#070707; stroke: #070707;'></polygon></svg><svg
style='-webkit-transform: translate3d(142.0333686888688px,
-311.9823782850961px, 229.8260976905708px) rotateX(-0.6491797451416502rad)
rotateY(-0.5809318533803856rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 111px; height: 58px;'><polygon points='0,0 63.5520180538103574,58
111,32.5625079358175071' style='fill: #333333; stroke:
#333333;'></polygon></svg><svg style='-webkit-transform:
translate3d(-37.94304406924505px, 109.89630643589294px, 219.8095780833969px)
rotateX(-0.6957527547672161rad) rotateY(-0.2089666467991118rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 78px; height: 164px;'><polygon
points='0,0 78,164 78,21.7866721410443063' style='fill: #3d3d3d; stroke:
#3d3d3d;'></polygon></svg><svg style='-webkit-transform:
translate3d(-181.5692168408491px, -306.9906481483723px, 237.2659966454787px)
rotateX(-0.6538929179629974rad) rotateY(0.6341704367763554rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 111px; height: 57px;'><polygon
points='0,31.8104611887663928 46.5413431308298371,57 111,0' style='fill:
#3c3c3c; stroke: #3c3c3c;'></polygon></svg><svg
style='-webkit-transform: translate3d(-75.46933761356382px,
46.51075215150695px, 234.7520517192196px) rotateX(-0.595829516855864rad)
rotateY(-0.5731421901965987rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 42px; height: 207px;'><polygon points='42,64.4550692110456680 0,0
4.2257148086191370,207' style='fill: #373737; stroke:
#373737;'></polygon></svg><svg style='-webkit-transform:
translate3d(37.538131203238436px, 72.7897796553309px, 236.96430418168984px)
rotateX(-0.6425045011681296rad) rotateY(0.24236422451928763rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 190px;'><polygon
points='100,190 74.9705595905978299,0 0,64.8978436923682978' style='fill: #434343;
stroke: #434343;'></polygon></svg><svg
style='-webkit-transform: translate3d(144.22131993451455px,
-40.57961068320168px, 232.65688422134428px) rotateX(-0.24490356748952857rad)
rotateY(0.8658996894539635rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 124px; height: 86px;'><polygon points='12.9324444046848779,0 0,86
124,81.1266404804564161' style='fill: #3c3c3c; stroke:
#3c3c3c;'></polygon></svg><svg style='-webkit-transform:
translate3d(106.52535588722537px, 47.746361249632855px, 225.91719881600602px)
rotateX(-0.5901749440707484rad) rotateY(0.5830492393543051rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 65px; height: 205px;'><polygon
points='28.7582247601629284,205 65,0 0,15.9149687743193020' style='fill:
#404040; stroke: #404040;'></polygon></svg><svg
style='-webkit-transform: translate3d(165.0691875547875px,
-562.3064639613729px, 240.2085359051389px) rotateX(-4.597754956952351rad)
rotateY(-0.9291102511350076rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 72px; height: 229px;'><polygon points='0,0 10.1571467769202322,229
72,124.8233470729864649' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(122.41380937831616px, -327.0660244389016px, 247.30775227107677px)
rotateX(0.3011969007571478rad) rotateY(0.45829498119657375rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 87px; height: 211px;'><polygon
points='87,61.5935896181579920 26.8712753039921886,0 0,211' style='fill:
#3f3f3f; stroke: #3f3f3f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-189.9621480205866px, -58.70000540737499px, 247.74331530301652px)
rotateX(-0.23653733744704697rad) rotateY(-0.7959089777735695rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 139px; height: 107px;'><polygon points='0,105.5067029697595871
139,107 85.7070047102957489,0' style='fill: #2f2f2f; stroke:
#2f2f2f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-137.5666537022027px, -323.9875442981856px, 253.14791656121417px)
rotateX(0.2817860510817718rad) rotateY(-0.4195814319666684rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 92px; height: 209px;'><polygon
points='92,209 56.5597815826047281,0 0,64.1764494551699300' style='fill:
#393939; stroke: #393939;'></polygon></svg><svg style='-webkit-transform:
translate3d(103.05767843291517px, -472.0565154191458px, 264.0279459916077px)
rotateX(1.4998377365792788rad) rotateY(-1.3039655229296088rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 131px; height: 176px;'><polygon
points='131,176 57.8543577945101859,0 0,51.0052343029396980' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(35.2465547501572px,
-335.62179647912967px, 259.82206267102833px) rotateX(0.44608979756305933rad)
rotateY(0.22006692042830922rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 118px; height: 118px;'><polygon points='0,0.2312354288461815
52.4476643465496792,118 118,0' style='fill: #3e3e3e; stroke:
#3e3e3e;'></polygon></svg><svg style='-webkit-transform:
translate3d(-168.60491905813137px, -557.9223580650045px, 245.78450915504982px)
rotateX(-4.542405837758835rad) rotateY(0.8955087320851993rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 229px;'><polygon
points='62.6781290579249628,0 0,129.3312278855767374 69,229' style='fill:
#030303; stroke: #030303;'></polygon></svg><svg
style='-webkit-transform: translate3d(-82.70150823668234px,
-336.4146173975803px, 263.15087729049003px) rotateX(0.4360743619867393rad)
rotateY(-0.18274811813682224rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 121px; height: 128px;'><polygon points='0,5.1954416641657444
106.7967412732177905,128 121,0' style='fill: #3a3a3a; stroke:
#3a3a3a;'></polygon></svg><svg style='-webkit-transform:
translate3d(-151.07617459334722px, -469.24731889200996px, 275.45235009748774px)
rotateX(-4.620019933557696rad) rotateY(1.2757927652836876rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 108px; height: 185px;'><polygon
points='108,40.4744286788357925 41.4735582337096318,0 0,185' style='fill: #0d0d0d;
stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(117.91380937831616px,
-264.7226024987937px, 264.5874554215462px) rotateX(0.17735675751854862rad)
rotateY(0.6287565385612613rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 96px; height: 236px;'><polygon points='0,142.7386755842410935
58.3666838789718980,236 96,0' style='fill: #3f3f3f; stroke:
#3f3f3f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-141.5666537022027px, -258.50382359715553px, 267.1220805633317px)
rotateX(0.15579107241135115rad) rotateY(-0.5838552925605547rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 204px;'><polygon
points='0,0 28.8675493311416673,204 100,138.5772397832661227' style='fill:
#363636; stroke: #363636;'></polygon></svg><svg
style='-webkit-transform: translate3d(140.0333686888688px,
-381.67284265038586px, 282.8974941974965px) rotateX(-0.9985094991525834rad)
rotateY(-0.6355447637112333rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width:
115px; height: 119px;'><polygon points='0,108.5913142924554791 115,119
22.0555273088051429,0' style='fill: #292929; stroke:
#292929;'></polygon></svg><svg style='-webkit-transform:
translate3d(84.33794264906032px, -333.7882692761649px, 268.93080600661824px)
rotateX(0.3017057324628314rad) rotateY(0.45471946752572445rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 71px; height: 211px;'><polygon
points='43.4394531944520210,211 71,0 0,114.1153956644190970' style='fill:
#3f3f3f; stroke: #3f3f3f;'></polygon></svg><svg
style='-webkit-transform: translate3d(-183.5692168408491px,
-375.0360232518992px, 291.3500937067505px) rotateX(-1.0182088146396675rad)
rotateY(0.6834552911005338rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 115px; height: 116px;'><polygon points='96.4266579620033184,0
0,116 115,109.3503048168605147' style='fill: #333333; stroke:
#333333;'></polygon></svg><svg style='-webkit-transform:
translate3d(202.54933617058703px, -471.5224617184616px, 284.89913876483763px)
rotateX(-0.8694320994738605rad) rotateY(0.9621803917937897rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 89px; height: 351px;'><polygon
points='89,351 0,0 38.4071226676023514,223.0303917070036164' style='fill:
#353535; stroke: #353535;'></polygon></svg><svg
style='-webkit-transform: translate3d(-84.98715321473242px,
-330.8974849251872px, 276.3186496685464px) rotateX(0.29713432420360686rad)
rotateY(-0.3317167353012702rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 112px; height: 209px;'><polygon points='112,118.5321261250765303
0,0 33.3301222804512918,209' style='fill: #3b3b3b; stroke:
#3b3b3b;'></polygon></svg><svg style='-webkit-transform:
translate3d(22.899059772491455px, -339.25712961187344px, 269.0008656117899px)
rotateX(0.403110855098854rad) rotateY(0.12450432306985615rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 66px; height: 128px;'><polygon
points='13.6771601516303321,0 0,128 66,117.5208014581009905' style='fill:
#3e3e3e; stroke: #3e3e3e;'></polygon></svg><svg
style='-webkit-transform: translate3d(-37.94888494897077px,
68.37847421681761px, 280.93624913809083px) rotateX(-0.5417091254603794rad)
rotateY(-0.16418351723955515rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 78px; height: 86px;'><polygon points='0,61.1158582397091976 78,86
56.3821727925357550,0' style='fill: #404040; stroke:
#404040;'></polygon></svg><svg style='-webkit-transform:
translate3d(108.21517756604771px, -28.28755221028962px, 284.0265042375861px)
rotateX(-0.1774489647138735rad) rotateY(0.45269247645177124rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 115px;'><polygon
points='70,0 0,115 60.2732026147123534,85.8107588307053817' style='fill:
#454545; stroke: #454545;'></polygon></svg><svg
style='-webkit-transform: translate3d(111.98029501607095px, -488.7677810548797px,
305.20616602592577px) rotateX(-0.3159984449252664rad)
rotateY(1.389845783013719rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 272px; height: 328px;'><polygon points='272,328
213.9331067041241283,151.9530171074080727 0,0' style='fill: #292929; stroke:
#292929;'></polygon></svg><svg style='-webkit-transform:
translate3d(-223.33254100769523px, -465.12698919942056px, 295.152729626481px)
rotateX(-0.844325009733567rad) rotateY(-0.9120757926698357rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 349px;'><polygon
points='54.2460965139505760,222.6214060595273168 100,0 0,349' style='fill:
#272727; stroke: #272727;'></polygon></svg><svg
style='-webkit-transform: translate3d(-74.15736112068953px, 60.4345354454598px,
282.44632036807195px) rotateX(-0.41529948379255566rad)
rotateY(-0.2940911589184412rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 95px; height: 68px;'><polygon points='95,7.9801489741210290 0,0
36.4168218952741611,68' style='fill: #3f3f3f; stroke: #3f3f3f;'></polygon></svg><svg
style='-webkit-transform: translate3d(18.252799499691946px,
69.11487168881513px, 281.7204795853662px) rotateX(-0.47806920652270546rad)
rotateY(0.09760990828464111rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 94px; height: 86px;'><polygon points='20.6620033803940686,86
94,18.2001029369483724 0,0' style='fill: #444444; stroke:
#444444;'></polygon></svg><svg style='-webkit-transform:
translate3d(-115.33943241224512px, -52.5627940434062px, 289.8134086336329px)
rotateX(-0.07803339463175663rad) rotateY(-0.5085094233166179rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 94px; height: 111px;'><polygon
points='94,50.6337769376290652 0,0 42.5528035038316617,111' style='fill:
#3b3b3b; stroke: #3b3b3b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-302.61216750858335px, -489.24465735127603px, 315.23321793656646px)
rotateX(-0.36050951927309294rad) rotateY(-1.3364596268461448rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 257px; height: 340px;'><polygon points='257,0
49.4378413007880368,161.5304068523329022 0,340' style='fill: #101010; stroke:
#101010;'></polygon></svg><svg style='-webkit-transform:
translate3d(22.411720632568176px, -225.41631769900238px, 296.5506435197806px)
rotateX(0.16862028656204187rad) rotateY(0.15662885998961196rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 106px; height: 98px;'><polygon
points='106,98 65.5565595538941608,0 0,7.9285459029392671' style='fill:
#444444; stroke: #444444;'></polygon></svg><svg style='-webkit-transform:
translate3d(-113.83943241224512px, -124.57675666150732px, 291.6792367885255px)
rotateX(0.013777810262916912rad) rotateY(-0.4620954867555107rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 91px; height: 125px;'><polygon
points='0,69.9799986800784666 91,125 66.0038950671697933,0' style='fill:
#3c3c3c; stroke: #3c3c3c;'></polygon></svg><svg
style='-webkit-transform: translate3d(58.87719649968187px, -27.4916468252311px,
293.7568857447535px) rotateX(-0.13240220475291098rad) rotateY(0.38337586961922887rad)
rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 120px; height:
116px;'><polygon points='52.4860750077135449,116 120,0
0,4.5849490628956433' style='fill: #464646; stroke:
#464646;'></polygon></svg><svg style='-webkit-transform:
translate3d(58.87719649968187px, -127.06222816713915px, 300.57887801406594px)
rotateX(0.010982416771880166rad) rotateY(0.37472134113025035rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 120px; height: 108px;'><polygon
points='68.8291202930362402,0 0,108 120,96.7243997850419532' style='fill:
#454545; stroke: #454545;'></polygon></svg><svg
style='-webkit-transform: translate3d(87.05767843291517px,
-421.2484038946197px, 289.4663856900114px) rotateX(1.1738429033771278rad)
rotateY(-1.3579322838217105rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 163px; height: 78px;'><polygon points='0,0
84.0156080114811914,72.2488576732769587 163,78' style='fill: #030303; stroke:
#030303;'></polygon></svg><svg style='-webkit-transform:
translate3d(-74.15736112068953px, -1.5339649910737307px, 302.9715017085365px)
rotateX(-0.2704548070632695rad) rotateY(-0.27946149098769424rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 95px; height: 76px;'><polygon
points='0,63.8463738600216928 95,76 46.0690497235450565,0' style='fill: #414141;
stroke: #414141;'></polygon></svg><svg
style='-webkit-transform: translate3d(17.752799499691946px,
-21.289761787794077px, 308.9975970919819px) rotateX(-0.2465467842491771rad)
rotateY(0.13914359573490853rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width:
95px; height: 113px;'><polygon points='45.1030190987601785,0
0,97.2915974405707118 95,113' style='fill: #474747; stroke:
#474747;'></polygon></svg><svg style='-webkit-transform:
translate3d(22.911720632568176px, -218.583755256433px, 305.7598716135301px)
rotateX(0.15571597629453193rad) rotateY(0.14570111618803483rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 201px;'><polygon
points='0,0 40.1517777836833432,201 105,90.0243084735629253' style='fill:
#444444; stroke: #444444;'></polygon></svg><svg
style='-webkit-transform: translate3d(-166.57617459334722px,
-436.1139540784941px, 295.6032934327294px) rotateX(1.4157898142053882rad)
rotateY(1.3435769402491116rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 139px; height: 115px;'><polygon points='0,115
74.5006425339100673,90.7089656662541870 139,0' style='fill: #141414; stroke:
#141414;'></polygon></svg><svg style='-webkit-transform:
translate3d(-50.367421720910215px, -218.90585328483888px, 306.57329015304117px)
rotateX(0.10582339517828543rad) rotateY(-0.10439703326494731rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 201px;'><polygon
points='0,93.3873239748360504 114,201 73.9076254625070845,0' style='fill:
#434343; stroke: #434343;'></polygon></svg><svg style='-webkit-transform:
translate3d(-50.867421720910215px, -125.7478853972055px, 312.2437085712751px)
rotateX(0.07986368541174493rad) rotateY(-0.12852659675146416rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 115px; height: 126px;'><polygon
points='115,106.5167680004753237 0,0 22.5550240949113494,126' style='fill:
#434343; stroke: #434343;'></polygon></svg><svg
style='-webkit-transform: translate3d(-28.182928614729008px,
-20.799735333151034px, 312.3700400216137px) rotateX(-0.14546807518995664rad)
rotateY(-0.0802830572328399rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 92px; height: 98px;'><polygon points='92,0 0,20.6658274350164497
46.3447684663445330,98' style='fill: #454545; stroke:
#454545;'></polygon></svg><svg style='-webkit-transform:
translate3d(188.01707710806784px, -570.7795105103687px, 353.05579600227225px)
rotateX(1.5374137307164686rad) rotateY(1.0315525645228707rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 212px;'><polygon
points='80,11.1007925187858181 29.1748821321194782,0 0,212' style='fill:
#0d0d0d; stroke: #0d0d0d;'></polygon></svg><svg
style='-webkit-transform: translate3d(137.32046490766868px,
-497.4709856171294px, 349.06111942961127px) rotateX(0.9577559019101134rad)
rotateY(1.3868121754712008rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 211px; height: 182px;'><polygon points='136.3364972121012784,0
0,182 211,24.9114356363341898' style='fill: #1b1b1b; stroke:
#1b1b1b;'></polygon></svg><svg style='-webkit-transform:
translate3d(-205.37715971939207px, -564.9173834376038px, 359.8220718779604px)
rotateX(1.4525827211154607rad) rotateY(-1.055132275091081rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 209px;'><polygon
points='100,209 49.2033773036913544,0 0,16.3173344955633546' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-291.37248689546357px,
-479.64379598710445px, 355.07185283609385px) rotateX(0.6816426454278717rad)
rotateY(-1.3741384466752864rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 246px; height: 137px;'><polygon points='0,44.4315518243338516
246,137 64.2319050890707075,0' style='fill: #070707; stroke:
#070707;'></polygon></svg><svg style='-webkit-transform:
translate3d(156.4079442362147px, -454.71481599206214px, 336.2189845631781px)
rotateX(-1.0966450438834394rad) rotateY(-0.7271732920074871rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 225px;'><polygon
points='0,111.8970759661174128 100,225 70.3553268893470971,0' style='fill:
#252525; stroke: #252525;'></polygon></svg><svg
style='-webkit-transform: translate3d(-185.75770595880942px,
-448.9137737954968px, 346.43919397179616px) rotateX(-1.1249510298592051rad)
rotateY(0.772553453094345rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 105px; height: 224px;'><polygon points='38.8524804055539761,0
0,224 105,115.3038692523000464' style='fill: #303030; stroke:
#303030;'></polygon></svg><svg style='-webkit-transform:
translate3d(174.54933617058703px, -524.1914501373456px, 307.1324353192781px)
rotateX(-0.6858204329468629rad) rotateY(1.2128825839393838rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 145px; height: 402px;'><polygon
points='0,70.2132012482879304 145,402 5.3148911274158417,0' style='fill:
#303030; stroke: #303030;'></polygon></svg><svg
style='-webkit-transform: translate3d(169.60895234956513px,
-575.8447422065788px, 357.05108638968363px) rotateX(-4.518532464331806rad)
rotateY(-0.9998264248645916rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 69px; height: 212px;'><polygon points='40.3476985345825767,212
69,0 0,99.2620246150361254' style='fill: #000000; stroke:
#000000;'></polygon></svg><svg style='-webkit-transform:
translate3d(-249.83254100769517px, -517.6414684064079px, 316.6454919316001px)
rotateX(-0.6631369836970571rad) rotateY(-1.1604521267269465rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 153px; height: 399px;'><polygon
points='149.0719961182102793,0 0,399 153,69.8279427603613811' style='fill:
#1d1d1d; stroke: #1d1d1d;'></polygon></svg><svg
style='-webkit-transform: translate3d(-172.10491905813137px,
-573.9485612722037px, 365.6522200844852px) rotateX(-4.458152154239717rad)
rotateY(0.9631599871375613rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 76px; height: 210px;'><polygon points='76,93.9511032915352331 0,0
43.1159657677352683,210' style='fill: #010101; stroke:
#010101;'></polygon></svg><svg style='-webkit-transform:
translate3d(164.01707710806784px, -565.7054662079807px, 377.1466002720763px)
rotateX(1.2633025151207709rad) rotateY(1.2423128786639461rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 128px; height: 214px;'><polygon
points='49.7472325437953415,214 128,0 0,174.6537987392606510' style='fill:
#161616; stroke: #161616;'></polygon></svg><svg
style='-webkit-transform: translate3d(-232.87715971939207px,
-548.0034080987434px, 388.6254450703317px) rotateX(1.1032559020699666rad)
rotateY(-1.249340045712409rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 155px; height: 198px;'><polygon points='155,150.9994855334963972
0,0 112.1661452728614563,198' style='fill: #060606; stroke:
#060606;'></polygon></svg><svg style='-webkit-transform:
translate3d(147.43225398026118px, -588.1581111203277px, 458.04321580086287px)
rotateX(-4.446537477568498rad) rotateY(-1.2883973725920672rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 60px; height: 299px;'><polygon
points='60,51.4213426936305353 0,0 33.1873754513294159,299' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-132.2430834582471px,
-596.6118023506793px, 458.4402695683533px) rotateX(-4.330608981364898rad)
rotateY(1.2471616347713808rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 57px; height: 301px;'><polygon points='57,301
52.7733678717388273,0 0,57.8613197466440923' style='fill: #050505; stroke:
#050505;'></polygon></svg><svg style='-webkit-transform:
translate3d(162.92864476601915px, -562.6560849101967px, 467.3180744565997px)
rotateX(-1.1766521400791519rad) rotateY(-0.621940621315269rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 65px; height: 301px;'><polygon
points='0,301 65,185.2340289808958573 11.3786698956322461,0' style='fill:
#262626; stroke: #262626;'></polygon></svg><svg
style='-webkit-transform: translate3d(-149.3243971096249px, -556.2632791967746px,
474.38085529639045px) rotateX(-1.2020755670844518rad)
rotateY(0.6639772382886688rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 61px; height: 301px;'><polygon points='61,0 0,182.1627899540976898
59.6095256742497881,301' style='fill: #303030; stroke:
#303030;'></polygon></svg><svg style='-webkit-transform:
translate3d(166.45918096707567px, -601.119106143509px, 475.3236882741015px)
rotateX(-4.50444178154126rad) rotateY(-0.9777780862337346rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 53px; height: 249px;'><polygon
points='13.0954607626722197,0 0,249 53,113.1903165461425971' style='fill:
#000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(-143.88391999372345px, -592.9863466562676px,
482.00831173490894px) rotateX(-4.447611112428126rad)
rotateY(0.9406298558096781rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 62px; height: 248px;'><polygon points='0,116.2674883710406704
62,248 31.0237848529733533,0' style='fill: #000000; stroke: #000000;'></polygon></svg><svg
style='-webkit-transform: translate3d(159.98360692422227px,
-520.585950695426px, 520.6954373195105px) rotateX(-0.6549851688390258rad)
rotateY(0.9857784411498024rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 82px; height: 177px;'><polygon points='0,0 78.4322244324143441,177
82,105.7344520996670383' style='fill: #353535; stroke:
#353535;'></polygon></svg><svg style='-webkit-transform:
translate3d(145.98360692422227px, -536.9131725829523px, 521.1543741208758px)
rotateX(1.0007419480251767rad) rotateY(1.144875501658853rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 110px; height: 127px;'><polygon
points='0,127 110,49.8003230842695217 70.4920501568146847,0' style='fill:
#1f1f1f; stroke: #1f1f1f;'></polygon></svg><svg style='-webkit-transform:
translate3d(-161.60402361051302px, -515.2477703771583px, 528.797168997611px)
rotateX(-0.6420422684249084rad) rotateY(-0.9344896539552878rad) rotateZ(0rad)
scaleX(1) scaleY(1) scaleZ(1); width: 84px; height: 175px;'><polygon
points='0,104.3946920244460017 2.6239935658984019,175 84,0' style='fill:
#272727; stroke: #272727;'></polygon></svg><svg
style='-webkit-transform: translate3d(-179.10402361051302px,
-531.4549155945605px, 528.8420367653565px) rotateX(0.881144974592706rad)
rotateY(-1.138794289618029rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1);
width: 119px; height: 117px;'><polygon points='32.1006360098398602,0
0,54.1324670714138136 119,117' style='fill: #0f0f0f; stroke:
#0f0f0f;'></polygon></svg></div><o:p></o:p></div>
<div class="MsoNormal">
</div><o:p></o:p></div>
<div class="MsoNormal">
</div><o:p></o:p></div>
<br />
<div class="MsoNormal">
</div><o:p></o:p></div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span><br />
<div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-60695328986466134422014-09-12T10:18:00.000-07:002014-10-15T10:40:52.232-07:00#Batman en #CSS<br />
<div style="text-align: justify;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">El personaje más famoso de DC es sin duda <b>Batman,</b> por lo tanto no podíamos dejarlo de un lado y le llegó el turno de ser dibujado por #CSS.</span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F7T3B6kycmH7QiNr97OhW8rckrweMLdHl7CA2CgXdkrR1dxutQfFfcFEQ7ZiJai6MsquB9ZD3wkgcCr2zSX9DG45jfVdfOYMyheJhzya4tVz2kHOwIdt3xNVr0JVUfcB3MpeA3d2U_Bt/s1600/batman_css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F7T3B6kycmH7QiNr97OhW8rckrweMLdHl7CA2CgXdkrR1dxutQfFfcFEQ7ZiJai6MsquB9ZD3wkgcCr2zSX9DG45jfVdfOYMyheJhzya4tVz2kHOwIdt3xNVr0JVUfcB3MpeA3d2U_Bt/s1600/batman_css.jpg" height="328" width="400" /></a></div>
<div>
<a name='more'></a><div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Y para romper un poco el hielo una caricatura</span>.</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aDmPFwWxv7ljPfmGMHYWPe7K5AqK4Gcrd7BcgWt4jmY5nL7QmYtVPPogjp_-zG7nYZ0wHKsN1QvhMgnOEapCsoGD1jS3ZkD8gz9ofpvGw25gDWIo9V_r3ILtwl8dKCVB8piO1SG0IZj8/s1600/superman+flash+batman.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aDmPFwWxv7ljPfmGMHYWPe7K5AqK4Gcrd7BcgWt4jmY5nL7QmYtVPPogjp_-zG7nYZ0wHKsN1QvhMgnOEapCsoGD1jS3ZkD8gz9ofpvGw25gDWIo9V_r3ILtwl8dKCVB8piO1SG0IZj8/s1600/superman+flash+batman.png" height="640" width="531" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El código que se muestra a continuación ha sido elaborado por <b>Genjuro</b>. En el siguiente <b><a href="http://codepen.io/Gautham_Prithvirajan/"><span style="color: #3d85c6;">link</span></a><span style="color: #0b5394;"> </span></b>pueden revisar el sitio oficial.</span></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">
</span>
<br />
<div>
<br /></div>
<div>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*HTML</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"></span></span><br />
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><body bgcolor="#111"></span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
</span></span>
<br />
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><div id="bat"></span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
</span></span>
<br />
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><div id="mask"></span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
</span></span>
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"> <div id="l_ear"></div></span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
<div>
<div id="r_ear"></div></div>
<div>
<div id="l_eye"></div></div>
<div>
<div id="r_eye"></div></div>
<div>
<div id="u_jaw"></div></div>
<div>
<div id="l_jaw"></div> </div>
<div>
<div id="glare"></div></div>
<div>
<div id="lip"></div></div>
<div>
<div id="shoulders"></div></div>
<div>
<div id="torso"></div></div>
<div>
</div></div>
<div>
</div></div>
<div>
</body></div>
</span></span></div>
<div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.3333339691162px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
<div>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;"><br /></b></div>
<div>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*CSS3</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"></span></span><br />
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">#mask{</span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
</span></span>
<br />
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"> width:180px;</span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
</span></span>
<br />
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"> height:300px;</span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
</span></span>
<div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"> background:#223;</span></span></div>
<span style="background-color: white; line-height: 18.2000007629395px;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;">
<div>
position:absolute;</div>
<div>
top:100px; left:40%;</div>
<div>
border-radius:90px 90px 0px 0px;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#l_ear{</div>
<div>
width: 0; </div>
<div>
height: 0; </div>
<div>
border-bottom: 120px solid #223; </div>
<div>
border-left: 10px solid transparent; </div>
<div>
border-right: 40px solid transparent; </div>
<div>
position:relative;</div>
<div>
top:-40px; left:0px;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#r_ear{</div>
<div>
width: 0; </div>
<div>
height: 0; </div>
<div>
border-bottom: 120px solid #223; </div>
<div>
border-left: 40px solid transparent; </div>
<div>
border-right: 10px solid transparent; </div>
<div>
position:relative;</div>
<div>
top:-160px; left:130px;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#u_jaw{</div>
<div>
width: 140px; </div>
<div>
height: 60px; </div>
<div>
position:relative;</div>
<div>
left:20px; top:-130px;</div>
<div>
background:rgb(255, 229, 184);</div>
<div>
border-radius:02px 02px 0px 0px;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#l_jaw{</div>
<div>
height: 0px; </div>
<div>
width: 80px;</div>
<div>
position:relative;</div>
<div>
top:-130px; left:20px;</div>
<div>
border-top: 40px solid rgb(255, 229, 184);</div>
<div>
border-left: 30px solid transparent;</div>
<div>
border-right: 30px solid transparent;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#l_eye{</div>
<div>
width: 0; </div>
<div>
height: 0;</div>
<div>
position:relative;</div>
<div>
top:-140px; left:10px;</div>
<div>
border-top: 20px solid #eee;</div>
<div>
border-left: 55px solid transparent; </div>
<div>
border-right: 15px solid transparent; </div>
<div>
transform: rotate(20deg);</div>
<div>
z-index:1000;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#r_eye{</div>
<div>
width: 0; </div>
<div>
height: 0;</div>
<div>
position:relative;</div>
<div>
top:-160px; left:100px;</div>
<div>
border-top: 20px solid #eee;</div>
<div>
border-left: 15px solid transparent; </div>
<div>
border-right: 55px solid transparent;</div>
<div>
transform: rotate(-20deg);</div>
<div>
z-index:1000;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#glare{</div>
<div>
width:120px; height:90px;</div>
<div>
background:radial-gradient(ellipse at top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 75%);;</div>
<div>
border-radius:100%;</div>
<div>
position:relative;</div>
<div>
top:-375px; left:30px;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#lip{</div>
<div>
width:50px; height:2px;</div>
<div>
background:#7B4C34;</div>
<div>
position:relative;</div>
<div>
top:-290px; left:65px;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#shoulders{</div>
<div>
height: 0; </div>
<div>
width: 180px;</div>
<div>
border-bottom: 80px solid #223;</div>
<div>
border-left: 240px solid transparent;</div>
<div>
border-right: 240px solid transparent;</div>
<div>
position:relative;</div>
<div>
top:-230px; left:-240px;</div>
<div>
z-index:-100;</div>
<div>
}</div>
<div>
<br /></div>
<div>
#torso{</div>
<div>
height: 1000px; </div>
<div>
width: 660px;</div>
<div>
background:linear-gradient(to bottom, #222233 0%,#121223 100%);</div>
<div>
position:relative;</div>
<div>
top:-230px; left:-240px;</div>
<div>
z-index:-100;</div>
<div>
}</div>
<div>
<br /></div>
<div>
body{</div>
<div>
overflow:hidden;</div>
<div>
}</div>
</span></span></div>
<div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.3333339691162px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-89208392433569083342014-09-11T09:45:00.000-07:002014-09-11T09:45:51.463-07:00#Flash en #CSS<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Uno de los personajes de DC que ha tomado fuerza gracias a las bromas entre Batman y Superman ha sido Flash y para homenajear dicho boom (por así yo llamarlo) a continuación se muestra la codificación en #css </span></div>
<div style="text-align: justify;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFXp0nyTVN56U3BO0CrmkvP8Dmv2Hvv1tCGQk8VpiaqLgJrgxxJ-xWRERoT2XtjOIYNMhrZCN-K2kVn4EhTVZvXKy-Z3anEmdalCAncrfcIatsFuntpP9wVsR2gjdQgM8qxG241L5Jqho/s1600/flash_css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFXp0nyTVN56U3BO0CrmkvP8Dmv2Hvv1tCGQk8VpiaqLgJrgxxJ-xWRERoT2XtjOIYNMhrZCN-K2kVn4EhTVZvXKy-Z3anEmdalCAncrfcIatsFuntpP9wVsR2gjdQgM8qxG241L5Jqho/s1600/flash_css.jpg" height="306" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">El código que se muestra a continuación ha sido elaborado por <b>Genjuro</b>. En el siguiente <a href="http://codepen.io/Gautham_Prithvirajan/"><b><span style="color: #0b5394;">link</span></b></a> pueden revisar el sitio oficial.</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">*HTML</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small; line-height: 18.2000007629395px;"><div id="head"></span></div>
<br />
<div>
<span style="background-color: white;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><div style="font-size: small; line-height: 18.2000007629395px;">
<div id="face"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="jaw"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="iface"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="ijaw"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="lcover"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="rcover"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="l_eye"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="r_eye"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="lip"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<br /></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="lsig"></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="lfi"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="lfo"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
</div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="rsig"></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="rfi"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="rfo"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
</div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="glare"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="chin"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<br /></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="neck"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="shoulders"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="arms"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="logo"></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="mid"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="top"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="bot"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
</div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<br /></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="rchest"><div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="lchest"><div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<br /></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<div id="rob"></div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<span style="line-height: 18.2000007629395px;"> </span></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
</div></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<span style="line-height: 18.2000007629395px;"> <div id="flash"> FLASH </div></span></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<span style="font-size: 13.3333339691162px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<span style="font-size: 13.3333339691162px; line-height: 18.2000007629395px;"><br /></span></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<b style="font-size: 13px; line-height: 18.2000007629395px;">*CSS3</b><br style="font-size: 13px; line-height: 18.2000007629395px;" /><span style="font-size: 13px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<span style="line-height: 18.2000007629395px;">body{</span></div>
<div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:radial-gradient(#fd0 0%, #B92A2E 100%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:1200px; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">overflow:hidden;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#head{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:200px; height:200px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#B92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:50%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">margin:50px auto;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#face{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:0px; width: 140px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:100px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-top: 140px solid #B92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left: 30px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right: 30px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#jaw{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:0px; width: 40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:100px; left:30px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-top: 30px solid #B92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left: 50px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right: 50px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#iface{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:0px; width: 120px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-15px; left:20px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-top: 80px solid #F1D6A5;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left: 20px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right: 20px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#ijaw{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:0px; width: 40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-15px; left:40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-top: 30px solid #F1D6A5;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left: 40px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right: 40px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#lcover{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:100px; height:60px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background: #B92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:rotate(35deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-170px; left:80px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#rcover{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:100px; height:60px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background: #B92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:rotate(-35deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-230px; left:20px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#l_eye{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width: 0; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height: 0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:-260px; left:10px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-top: 20px solid #fff;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-left: 55px solid transparent; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-right: 15px solid transparent; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform: rotate(10deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> z-index:1000;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#r_eye{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> width: 0; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> height: 0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:-280px; left:120px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-top: 20px solid #fff;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-left: 15px solid transparent; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> border-right: 55px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> transform: rotate(-10deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> z-index:1000;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#lip{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:80px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-bottom:3px solid #d1b685;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:0px 0px 5px 20px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-270px; left:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#lsig{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:50px; height:80px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:50%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:radial-gradient(#FFE545 0%, #FFE545 40%, #FBB829 100%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:rotate(10deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-400px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">left:160px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-10;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#rsig{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:50px; height:80px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:50%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:radial-gradient(#FFE545 0%, #FFE545 40%, #FBB829 100%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:rotate(-10deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-480px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">left:-10px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-10;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#lfi{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:10px; height:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#FFE545;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-10px; left:40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-200;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#lfo{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:10px; height:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-100px; left:40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right:10px solid #FFE545;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:0px 30px 0px 0px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-20;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#rfi{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:10px; height:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#FFE545;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-10px; left:0px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-200;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:rotateY(180deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#rfo{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:10px; height:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-100px; left:-10px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right:10px solid #FFE545;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:0px 30px 0px 0px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-20;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:rotateY(180deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#glare{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:190px; height:190px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:radial-gradient(ellipse at top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 75%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:50%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-650px; left:5px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#chin{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:40px; height:15px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:100px 100px 0px 0px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#B92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-590px; left:80px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#neck{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:0px; width: 160px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-700px; left:0px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-bottom: 170px solid #A92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left:20px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right:20px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-100;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#shoulders{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:200px; width: 400px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-780px; left:-100px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#A92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:30% 30% 0 0 ;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-100;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#arms{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:200px; width: 600px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-960px; left:-200px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#A92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:40% 40% 0 0 ;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-100;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#rob{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height:2000px; width: 600px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:140px; left:-300px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#A92A2E;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">z-index:-100;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#logo{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:120px; height:120px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border:15px solid #ff0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:radial-gradient(#fff 0%, #fff 65%, #fd0 65%, #dd0 100%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius:50%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-1050px; left:25px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#mid{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:40px; height:40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:#ff0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:skew(-50deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:40px; left:40px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#top{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width: 0; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height: 0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-bottom: 50px solid #ff0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left: 35px solid transparent; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right: 0px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:skew(-50deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-40px; left:50px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#bot{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width: 0; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">height: 0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-top: 50px solid #ff0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-left: 0px solid transparent; </span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-right: 35px solid transparent;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">transform:skew(-50deg);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-20px; left:20px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#rchest{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:200px; height:150px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:linear-gradient(rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius: 40% 55% 30% 50%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">top:-1250px; left:-100px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#lchest{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">width:200px; height:150px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">background:linear-gradient(rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">border-radius: 60% 55% 50% 30%;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">position:relative;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">left:200px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">#flash{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> color:#ff0;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-family:sans-serif;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-size:200px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-weight:bolder;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> font-style:italic;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> position:absolute;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> top:-200px; left:1500px;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> z-index:-2200;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation: slash 1s 5 ease-in-out;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"> animation-delay: 3s;</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;"><br /></span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">@keyframes slash{</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">0% {left:1500px;}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">100% {left:-2000px;}</span></span></div>
<div>
<span style="font-size: x-small;"><span style="line-height: 18.2000007629395px;">}</span></span></div>
</div>
<div style="font-size: small; line-height: 18.2000007629395px;">
<span style="font-size: 13.3333339691162px; line-height: 18.2000007629395px;">---------------------------------------</span></div>
</span></span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-38320520757979203152014-09-02T09:31:00.002-07:002014-09-11T09:47:38.761-07:00#avengers animado en #CSS3<div style="text-align: justify;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Para no perder la costumbre es el turno ahora de los personajes de Avengers animados en CSS. </span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Estos personaje se encuentran dibujados y animados por medio del código CSS3.</span></div>
<div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoU357tXvRrOcdPF1a-h7eueZ2e-YsDCTZwwXx2AhKdiu21MTl7MacLsikI9rElOwnWLa2_APv9ENMRKC2blI1Wg_BFDBg2cF8hS4MTwvXLbsQmnYicgLRnQ3Y7PL59v35C7VlwO-iaMzp/s1600/css3-advengers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoU357tXvRrOcdPF1a-h7eueZ2e-YsDCTZwwXx2AhKdiu21MTl7MacLsikI9rElOwnWLa2_APv9ENMRKC2blI1Wg_BFDBg2cF8hS4MTwvXLbsQmnYicgLRnQ3Y7PL59v35C7VlwO-iaMzp/s1600/css3-advengers.jpg" height="302" width="400" /></a></div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;"></span><br />
<a name='more'></a><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><div style="text-align: justify;">
El código que se presenta a continuación fue elaborado por <b>Mario Sanchez</b>. En el siguiente <b><a href="http://codepen.io/mariosmaselli/"><span style="color: #0b5394;">link</span></a> </b>pueden revisar el sitio oficial.</div>
</span><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">*HTML</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><div class="wrapper"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="hulk"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="head"><div class="mouth"></div></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="right-arm"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="fist"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="left-arm"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="body"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="right-leg"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="left-leg"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="captain"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="head">A</div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="body"><div class="star"></div></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="arms"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="shield"><div class="star"></div></div> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="hands"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="legs"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="boots"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="ironman"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="helmet"><div class="mask"></div></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="right-arm"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="left-arm"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="body"><div class="power"></div></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="right-leg"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="left-leg"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><div class="thor"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="helmet"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="head"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="beard"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="cap"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="arm-right"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="arm-left"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="body"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="hammer"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="legs"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="feet"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.200000762939453px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"></div></span></span><br />
<div>
<br /></div>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">*CSS3</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$verdeHulk: #bdbd00;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$hulkPants:#581bbb;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$body:#43abf0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$bodyShadow:#29708f;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$white:#fff;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$whiteShadow:#ffffcb;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$red:#b63700;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$skin: #fdb0a4;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$shield:#c53905;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$ironbody:#ab3300;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$irondetail:#deb800;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$ironShadow:#c98700;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$thorbody:#004278;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$thorshadow:#00272b;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$thorskin:#ffcee7;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$thorskinShadow:#ffc688;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$hammer:#382727;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$time:7s;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@mixin keyframes($name) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @-webkit-keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @-moz-keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @-ms-keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @keyframes #{$name} {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @content;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@mixin star($top, $left) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> display: block;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> color: $white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 10px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 7px solid $white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 10px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: $top;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: $left; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(35deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 8px solid $white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 3px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 3px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: relative; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: -4px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: -6px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> display: block;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: '';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(-35deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> display: block;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> color: red;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: -10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 10px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 7px solid $white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 10px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(-70deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: '';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">*, *:before, *:after { </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">box-sizing:border-box;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">} </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">body{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-size:16px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.wrapper {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:550px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:365px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:15% auto;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: shake $time infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">//HULK</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.hulk{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-bottom:300px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.head {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 4.713em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-2.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:3.563em; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 3.75em solid $verdeHulk;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 0.938em solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 0.938em solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:10;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:2.25em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.375em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:0.538em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0.313em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#034600;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:3.25em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-0.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-0.25em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#034600;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius: 1.875em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius:1.875em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.mouth {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:31px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:8px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> overflow:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> to bottom,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> #fff,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> #fff 25%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> #4b0a00 25%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> #4b0a00 70%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> #fff 75%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> #fff 100%</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> );</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius: 0.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius: 0.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: mouthOpen $time infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:7px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#902e2b;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:9px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:11px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius:0.5em; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius: 0.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.right-arm{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13.313em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:13.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:2em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-1em, 11.2em, 12.55em, 7.625em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: hulkRightarm $time infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:12.063em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:9.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: translateY(1.25em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-3.313em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.left-arm</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13.313em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:13.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-4.3em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #949400;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-0.188em, 6.1em, 13.875em, 2.3em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: hulkLeftarm $time infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 12.063em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 9.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: translateY(1.25em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 4.563em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.fist{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 4.375em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 4.375em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 11.7em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -2.1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#949400;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 11.1em 0 0 #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: 10;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: hulkHands $time infinite; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 12.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 12.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $verdeHulk;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: inset</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 1.125em 0 0 darken($verdeHulk, 5%),</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -0.938em 0 0 darken($verdeHulk, 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:10;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0.75em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 3.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 1.375em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($verdeHulk,10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 7.625em 0 0 darken($verdeHulk, 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:0.313em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.313em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:10em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:5.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($verdeHulk,10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 0 2.625em 0 #9ac7f1</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.right-leg {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:0.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:6.438em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:4.25em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:12.3em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> to bottom,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($hulkPants,20%),</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($hulkPants,20%) 50%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($verdeHulk,20%) 50%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($verdeHulk,20%) 100%</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> );</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation:hulkPants2 $time infinite ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:0.938em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.875em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($hulkPants, 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:1.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.188em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:6.25em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-1.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($verdeHulk,20%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.left-leg{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:0.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:6.438em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:6.688em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:12.3em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> to bottom,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> $hulkPants,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> $hulkPants 50%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> $verdeHulk 50%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> $verdeHulk 100%</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> );</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation:hulkPants $time infinite ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:0.938em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.875em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$hulkPants;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-0.938em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:1.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0.188em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:6.25em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0.625em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$verdeHulk;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">} </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">//CAPTAIN AMERICA </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.captain {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: 1000; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 355px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom: 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-bottom: 146px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .head {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 21px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 36px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $body;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: -36px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 44px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> color: $white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> text-align: center;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-size: 0.6em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-weight: bold; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 21px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 17px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $skin;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -7px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 19px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-left-radius: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-right-radius: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: inset 8px 0 0 0 darken($skin, 5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: "";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 4px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 4px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $skin;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 16px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .body </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 53px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 107px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 0 0 110px 110px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $body;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: inset 8px 0px 0 0 $bodyShadow, inset 17px 0px 0 0 darken($body,3%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: 5; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 133px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -14px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 30px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image: linear-gradient(to right,$bodyShadow, $body);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:-1; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:''; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 49px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 38px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image: linear-gradient(to right, darken($red,5%), darken($red,5%) 30%, $whiteShadow 30%, $whiteShadow 70%, $red 70%, $red 100%); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .star{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @include star(18px,43px)</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .arms {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $whiteShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: -30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 75px 0 0 0 $whiteShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: -1;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 28px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $whiteShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 30% 50%; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: -3px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 95px 0 0 0 $whiteShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .shield {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $body;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: 100;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 75px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 0 0 0 8px $whiteShadow, 0 0 0 18px $shield;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(-30deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .star{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @include star(15px,10px); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .hands {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 29px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 8px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($red, 3%); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: skew(10deg); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($verdeHulk, 2%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 12px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: skew(-10deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 21px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -1px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($red, 3%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .legs {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 8px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $bodyShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 38px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 22px 0 0 0 $body;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($red,20%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: ""; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 14px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 9px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image: linear-gradient(to right, $bodyShadow, $body);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 8px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .boots {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 41px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 105px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 37px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($red, 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 22px 0 0 0 $red;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 2px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($red, 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: 39px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 40px 0 0 0 $red;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: "";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($red, 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: -4px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 22px 0 0 0 $red;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">} </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">//IRONMAN</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .ironman { </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: 900; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-bottom:135px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .helmet {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:22px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:34px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$ironbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top: -33px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left: 44px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> overflow:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:7px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:2px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:3; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:15px 0 0 0 white; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">} </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .mask{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$irondetail;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:7px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:6px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$irondetail;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(60deg); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-3px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:4px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$irondetail;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(-60deg); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-3px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-5px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 53px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 107px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 0 0 110px 110px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $ironbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: inset 10px 0px 0 0 darken($ironbody,5%), inset 20px 0px 0 0 darken($ironbody,3%); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> padding-top:11px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:50;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:32px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:32px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken( $ironbody, 5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-15px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:105px 0 0 0 $ironbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:50;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:35px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image:</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> to right, </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($ironbody, 5%),</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($ironbody, 5%) 15%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($ironbody, 3%) 15%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> darken($ironbody, 3%) 29%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> $ironbody 20%,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> $ironbody 20%</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> );</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .power {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:17px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:17px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:white;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:0 auto;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:0 0 0 5px $irondetail; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .left-leg {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:90px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $ironShadow; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:35px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:65px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($ironbody,5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.right-leg {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:90px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $irondetail; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:65px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:65px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $ironbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.left-arm{ </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:45px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$ironShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-6px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-left-radius:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 31px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 60px 0px 0px 60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($ironbody,5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-21px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:-1; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: darken($ironbody,5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.right-arm{ </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:45px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$ironShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:105px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-right-radius:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 31px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 0px 60px 60px 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $ironbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:-1; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$ironbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">} </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">//THOR</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.thor{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:118px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:1000;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-bottom:220px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .helmet{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 18px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 18px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 40px solid #d7a900;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:42px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:0 -18px 0 -16px #66999a; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#66999a;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-19px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-left-radius:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-right-radius:15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:inset -3px 0px 0 transparent; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#89b9ef;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:10px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-right-radius:10px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-left-radius:15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:inset -3px 0px 0 transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .head {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:21px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image:linear-gradient(#72a9d5, #72a9d5 32%,#ffdeef 10%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:30px 30px 0 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> overflow:hidden;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:17px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#d7a900;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:10px 10px 0px 0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .beard{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:21px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#d7a900;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:12px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:11px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#d7a900;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:17px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(-40deg); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:11px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#d7a900;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-3px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:17px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(40deg); </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top: 65px solid $thorbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 40px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right:40px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 120px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image: linear-gradient(to right, #c98700, #d7a900);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#94bdef;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-60px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-17px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:45px 0 0 0 #94bdef,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 10px 29px 0 -5px #94bdef,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 35px 29px 0 -5px #94bdef</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .arm-right {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$thorskin;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:-5px 0 0 $thorskin, -10px 0 0 $thorskin,-15px 0 0 $thorskin, -20px 0 0 $thorskin, -20px 90px 0 -15px $thorskin, -20px 95px 0 -15px $thorskin, -20px 100px 0 -15px $thorskin </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> ;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$thorskin;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-right-radius:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#290000;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:113px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .arm-left {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$thorskinShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:-5px 0 0 $thorskinShadow, -10px 0 0 $thorskinShadow,-15px 0 0 $thorskinShadow, -20px 0 0 $thorskinShadow, 0 90px 0 -15px $thorskinShadow,0 95px 0 -15px $thorskinShadow, 0 100px 0 -15px $thorskinShadow; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:$thorskinShadow;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom-left-radius:30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#290000;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:113px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:15px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .legs{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:67px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($thorbody,7%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:0 0 30px 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:27px 0 0 0 $thorbody;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:75px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($thorbody,7%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 0 75px 0 0 #b75600, 21px 0 0 0 $thorbody, 21px 75px 0 0 #ce9700;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:11px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-image: linear-gradient(darken($thorbody,7%), $thorbody);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .cap {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:120px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#a72300;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:inset 10px 0 0 #721200, inset 20px 0 0 #7b1e00; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .hammer {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:42px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:27px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $hammer; /* fallback */</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(135deg, transparent 5px, $hammer 0) top left,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(225deg, transparent 5px, $hammer 0) top right,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(315deg, transparent 5px, $hammer 0) bottom right,</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> linear-gradient(45deg, transparent 5px, $hammer 0) bottom left; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-size: 52% 52%; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background-repeat: no-repeat;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:148px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:1px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::before{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:6px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($hammer,5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-23px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:"";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:6px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:3px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:darken($hammer,5%);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> .feet {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:25px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:2px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#b75600;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:220px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:30px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:36px 0 0 #ce9700;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &::after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content:""; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 90px 90px 0 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#ce9700;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-85px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:8px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:24px 0 0 #b75600; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">} </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">/*Hand Animation*/</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@include keyframes(shake) { </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 78%, 80%,82%,84%,86%,88%,90%,92% { </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:3px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:2px; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 79%,81%,83%,85%,87%,89%,91% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:-2px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> } </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@include keyframes(mouthOpen) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 77%{height:0px;}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 80%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:22px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 93%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:22px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> opacity:1;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 95%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:0px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> opacity:0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@include keyframes(hulkHands){</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 6%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 11.1em 0 0 #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 77%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 11.1em 0 0 #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-2.1em; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @include translate (0,0)</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 80%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0.5em; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:8.5em 0 0 #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @include translate (-0.9em,-19.9em)</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 93%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:0.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:8.5em 0 0 #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @include translate (-0.9em,-19.9em)</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 94%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 11.1em 0 0 #b5b500;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-2.1em; </span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @include translate (0em,-0em)</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@include keyframes(hulkRightarm){</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 77%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:2em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-1em, 11.2em, 12.55em, 7.625em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 80%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-8.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:2.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(0.563em, 13.363em, 13.75em, 6.625em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 93%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-8.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:2.5em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(0.563em, 13.363em, 13.75em, 6.625em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 95%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:2em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-1em, 11.2em, 12.55em, 7.625em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@include keyframes(hulkLeftarm){</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 77%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-4.3em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-0.188em, 6.1em, 13.875em, 2.3em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 80%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-8.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-4.375em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-0.188em, 6.563em, 13.875em, 0em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 93%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:-8.125em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-4.375em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-0.188em, 6.563em, 13.875em, 0em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 95%{</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:1em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-4.3em;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(-0.188em, 6.1em, 13.875em, 2.3em);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.200000762939453px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px;">---------------------------------------</span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-89436377810770925042014-08-27T15:19:00.000-07:002014-08-27T15:19:03.199-07:00#Script Colisión o Collision GameObject #unity3d #javascript<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">La colisión o collision en #unity3d es la acción por la cual un gameobject u objeto choca con otro. Luego de este encuentro se puede indicar que el mismo desaparezca o que realice otra acción por ejemplo bajar vidas. <b><span style="color: #3d85c6;">¿Pero como hacer para que se active la colisión cuando toca otro objeto y este no le cae encima?</span></b></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Ejemplo tomado del sitio oficial de Unity3d -<a href="http://unity3d.com/es/learn/tutorials/modules/beginner/physics/on-collision-enter"> Sección Tutoriales.</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEish7nY_fn_gJvSWItp_8tSGq-YhV2R9P5fGcgAX4iDk10IztBY9LfUCw89H1PPrriyAff-4YYh8VnNtYgJsY3VL9C8vwnxm2R45Bt4dQpJI_n636Uwi7qMh8UuBcRKuME53RZ5Mv5p3Vpg/s1600/collision_unity3d.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEish7nY_fn_gJvSWItp_8tSGq-YhV2R9P5fGcgAX4iDk10IztBY9LfUCw89H1PPrriyAff-4YYh8VnNtYgJsY3VL9C8vwnxm2R45Bt4dQpJI_n636Uwi7qMh8UuBcRKuME53RZ5Mv5p3Vpg/s1600/collision_unity3d.jpg" height="196" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"></span></div>
<a name='more'></a><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;">
En #unity así como existe el <b>OnTriggerEnter</b> para el ingreso en zonas sensibles, existe también el <b>OnCollisionEnter</b>. Este permite activar la acción cuando el elemento entre en contacto con otro.<b> Pero deben tener en cuenta que esto solo funciona cuando el elemento que tiene el script cae y toca el otro</b>. O por lo menos a mí solo me funciona de esa forma. </div>
</span><br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para lo cual he recolectado un video tutorial de Will Goldstone en el cual ejemplifica lo indicado.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/pgEwA_XnoH8/0.jpg"><param name="movie" value="https://youtube.googleapis.com/v/pgEwA_XnoH8&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="https://youtube.googleapis.com/v/pgEwA_XnoH8&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<span id="goog_543238837"></span><span id="goog_543238838"></span><br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">En el ejemplo que vimos el cubo posee el script y se activa al chocar el cubo con el plano. El script que se usa en este video es el siguiente. La acción Debug.Log("mensaje"); sirve para enviar un mensaje por consola, en este caso para validar que el cubo toca el piso.</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">* JS</span></b></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<span style="font-family: Arial, Helvetica, sans-serif;">-------------------------------------------</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">function OnCollisionEnter (col : Collision)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">{</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> if(col.gameObject.name == "prop_powerCube")</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> Destroy(col.gameObject);</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">}</span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.200000762939453px;">-------------------------------------------</span><br />
<br />
<br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Pero que pasa si no queremos que la colisión se active cuando cae el objeto sobre el player sino cuando es tocado por el player o cuando este lo roza. Por ejemplo cuando un enemigo nos ataca.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para solucionar este inconveniente debemos de usar el siguiente Script en JS o JavaScript para que al momento que el player toque un objeto este comience a enviar un mensaje. Por ejemplo si deseamos que cuando el player toque una pared esta le quite vidas, o para que cuando el enemigo colisione con el player este le quite vidas también.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">* JS</span></b></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<span style="font-family: Arial, Helvetica, sans-serif;">-------------------------------------------</span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both;">
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.200000762939453px;">function OnControllerColliderHit ( hit:ControllerColliderHit ){</span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if( hit.gameObject.tag == "Enemigos"){</span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Debug.Log ("me están matando");<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
</div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<span style="font-family: Arial, Helvetica, sans-serif;">-------------------------------------------</span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Con este script estamos indicando que cuando el Player colisione con el objeto de <b>tag</b> Enemigos se envíe el mensaje. Como observar en este caso quien posee el script es el Player y necesitar crear los tags necesarios para los enemigos, objetos u otros a usar.</span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18.200000762939453px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Si no sabes como crear<b> tags </b>puedes revisar el siguiente <a href="http://docs.unity3d.com/Manual/class-TagManager.html">link.</a> </span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com5tag:blogger.com,1999:blog-7345427647546330151.post-18463585546750905202014-08-21T08:10:00.000-07:002014-08-21T08:10:00.247-07:00#Cyclops animado en #CSS3 - #xmen #ciclope<div style="text-align: justify;">
El código CSS haciendo como siempre de las suyas... Ahora es el turno de uno de los personajes más emblemáticos de los Xmen, Cíclope o Cyclops. Este personaje se encuentra dibujado y animado por medio del código CSS3.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSakqj3PutDKoyYPQzSfQzkKGicxCS_d0Ki1emZQI1pCY5758bDdKsQXyCfmK5vsQZzbUD1UkclC0LNB5eXeLjlRrgJCtwo2BuVjkpmmWzMjhYyAJe3dXa6xFvBKSzE6DfRDq0xeNlAu_/s1600/cyclops+css3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSakqj3PutDKoyYPQzSfQzkKGicxCS_d0Ki1emZQI1pCY5758bDdKsQXyCfmK5vsQZzbUD1UkclC0LNB5eXeLjlRrgJCtwo2BuVjkpmmWzMjhYyAJe3dXa6xFvBKSzE6DfRDq0xeNlAu_/s1600/cyclops+css3.jpg" height="400" width="376" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El código que se presenta a continuación fue elaborado por Avi Goldman. En el siguiente <a href="http://codepen.io/avrahamgoldman/pen/AcbCz">link</a> pueden revisar el sitio oficial.</div>
<div style="text-align: justify;">
</div>
<a name='more'></a><br />
<br />
<div style="text-align: justify;">
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;">*HTML</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;">---------------------------------------</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;"><br /></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><div class="x" id="x-right"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><div id="name"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <span>Cyclops</span></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><div id="container"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="head"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="hair"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="hair-curl"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="hair-left"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="hair-right"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="hair-trim"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="visor"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="visor-end" id="left-end"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <span></span></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="visor-end" id="right-end"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <span></span></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="inner-main"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="nose"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="mouth"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="chin"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="body"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="symbol"><span>X</span></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="arms"></div></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.200000762939453px; text-align: start;"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"></div></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px; text-align: start;">---------------------------------------</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px; text-align: start;"><br /></span></div>
<div style="text-align: justify;">
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;">*CSS3</b><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;">---------------------------------------</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: start;"><br /></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">body {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#eee;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#container {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:100%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border:10px #282828 solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:400px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:400px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> padding:40px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> overflow:hidden;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-animation:container-load 1.2s;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.x {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:60px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:490px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#282828;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#x-left {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(45deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -ms-transform:rotate(45deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-transform:rotate(45deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-animation:x 1.7s, x-rotate-left 20s infinite linear 4s;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#x-right {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform:rotate(-45deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -ms-transform:rotate(-45deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-transform:rotate(-45deg);</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-animation:x 1.7s, x-rotate-right 20s infinite linear 4s;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#head {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> /*-webkit-transform:rotateY(30deg);*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 196px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 220px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 80px 80px 0px 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #f8debb;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top:10px #472200 solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-animation:head-bob 1.7s linear infinite;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#hair {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:180px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top:10px #472200 solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left:10px #472200 solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right:10px #472200 solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:180px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#472200;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:-1px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#hair-left {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#472200;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> float:left;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:48px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:9px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:32px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-left:-9px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:0px 0px 50px 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#hair-right {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#472200;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> float:right;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:48px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:9px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:32px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-right:-9px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:0px 0px 50px 50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#hair-curl {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:50px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:110px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right:10px #472200 solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom:none;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:30px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-animation:hair 0s linear infinite;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#hair-trim {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#f8debb;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:60px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:160px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:15px auto 0px auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:60px 60px 0px 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#visor {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #45484d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:100%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> padding:10px 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:15px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:85px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow:0px 1px 3px black;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#inner-main {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #cc0000;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:90%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:10px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #FF1177,0 0 20px #FF1177;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:white;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.visor-end {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 18px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 60px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-animation:face 1.7s;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.visor-end span {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> display:block;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:15px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:30px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#45484d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#left-end {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:-18px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:-18px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> float:left;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#left-end:before {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: "";</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 15px solid #45484d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 18px solid transparent;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#left-end:after {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>content: "";</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>bottom: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>left: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-top: 15px solid #45484d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-left: 18px solid transparent;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>height: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#right-end {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:-18px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right:-18px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> float:right;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#right-end:before {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: "";</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 18px solid transparent;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-bottom: 15px solid #45484d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#right-end:after {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>content: "";</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>bottom: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>left: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-top: 15px solid #45484d;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-right: 18px solid transparent;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width: 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>height: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#nose {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#fdd7a3;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:30px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:20px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:125px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:30px 30px 15px 15px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#mouth {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:pink;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:10px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:80px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:215px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:1;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:5px 5px 0px 0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#chin {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top: 50px solid #f8debb;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left: 50px solid transparent;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right: 50px solid transparent;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 97px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-bottom:-48px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#body {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background:#111111;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:250px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:250px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:40px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:56px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#symbol {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border:2px silver solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius:100%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:28px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:28px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> float:right;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-top:40px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin-right:55px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> color:silver;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-family: 'Syncopate', sans-serif;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-size:30px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> text-align:center;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#symbol span {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:-2px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#arms {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-left:3px silver solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-right:3px silver solid;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:64%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100%;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:65px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin: auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#name {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:absolute;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> margin:auto;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right:0;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height:100px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width:500px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index:1;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-family: 'Oswald', sans-serif;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> font-size:34px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> text-align:center;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> text-transform:uppercase;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> text-shadow:0px 12px 10px grey;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#name span {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position:relative;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top:300px;</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">/*animations*/</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@-webkit-keyframes container-load {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 0% { height: 0; width: 0;}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@-webkit-keyframes x {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 0% { height: 0; width: 0; -webkit-transform:rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 50% { height: 0; width: 0; -webkit-transform:rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 75% {-webkit-transform:rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 100%; {}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@-webkit-keyframes x-rotate-left {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 0% {}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 7% {-webkit-transform:rotate(225deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 50% {-webkit-transform:rotate(225deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 57% {-webkit-transform:rotate(45deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@-webkit-keyframes x-rotate-right {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 0% {}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 7% {-webkit-transform:rotate(135deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 50% {-webkit-transform:rotate(135deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 57% {-webkit-transform:rotate(-45deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@-webkit-keyframes head-bob- {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 0% {-webkit-transform: rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 10% {-webkit-transform: rotate(5deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 20% {-webkit-transform: rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 30% {-webkit-transform: rotate(-5deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 40% {-webkit-transform: rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@-webkit-keyframes hair {</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 0% {-webkit-transform: rotate(0deg);}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 25% {-webkit-transform: rotate(20deg);top:-20px;}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 40% {-webkit-transform: rotate(-10deg);top:10px;}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 50% {-webkit-transform: rotate(0deg);top:0px;}</span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 100% {}</span></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.200000762939453px; text-align: start;"></span></span></div>
<div style="text-align: start;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 18.200000762939453px; text-align: start;">---------------------------------------</span></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-74027121427625754212014-08-20T14:25:00.000-07:002014-08-20T14:26:26.496-07:00#Script cambiar textura skybox #unity3d #javascript<div style="text-align: justify;">
En el desarrollo de videojuegos llega un momento en el cual es necesario cambiar la textura que posee el <b>skybox</b> o cielo por otra diferente al activar un objeto o entrar a un nivel diferente. </div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
<b>Ejemplo: </b>cuando deseamos que al pasar por una zona sensible el cielo se oscurezca o se aclare.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En el siguiente script en Javascript indicaré de forma sencilla como afectar la textura del Skybox.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtXuDPMuQFVPdricTUzH9VZzS008vjJanAi7GUgq9uVMod6MvvBrP0hTdKuNBO2yko_4h6FuuWCYSgcrtjctgNYs1R0ASf5hIZwPOFpO91kNVBcz1tjIwnLeJ57PwdeKBhp_P7wjBxf6F/s1600/day-night-skybox-unity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtXuDPMuQFVPdricTUzH9VZzS008vjJanAi7GUgq9uVMod6MvvBrP0hTdKuNBO2yko_4h6FuuWCYSgcrtjctgNYs1R0ASf5hIZwPOFpO91kNVBcz1tjIwnLeJ57PwdeKBhp_P7wjBxf6F/s1600/day-night-skybox-unity.jpg" height="151" width="400" /></a></div>
<div style="text-align: justify;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
<b>* JS</b></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
-------------------------------------------</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
var mat1 : Material;</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
var mat2 : Material;</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
function OnTriggerEnter () {</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
RenderSettings.skybox = mat2;</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
}</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
</div>
<div class="separator" style="clear: both; font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px;">
function OnTriggerExit () {</div>
<div class="separator" style="clear: both; font-size: 13px;">
RenderSettings.skybox = mat1;</div>
<div class="separator" style="clear: both; font-size: 13px;">
}</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
-------------------------------------------</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
El Script posee dos variables de tipo<b> "material"</b> en el cual almacenaremos nuestra textura del cielo o del skybox. Es necesario indicar que el material debe de contener las 6 texturas para que el efecto visual sea el apropiado. </div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV38HrdjTSI-_PwtLCtyFgR0FMLVixqytatn8htIvhOkSCjWz1WlIHy4jM3JcMVFtOdp8z8hVsMKIPs0uBAeWaSAeGHeqs8pG1vQweyxBaMljFd_VJ9D-OaAX9Ga1ygD2eJkypHlfazixD/s1600/SkyboxWindow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV38HrdjTSI-_PwtLCtyFgR0FMLVixqytatn8htIvhOkSCjWz1WlIHy4jM3JcMVFtOdp8z8hVsMKIPs0uBAeWaSAeGHeqs8pG1vQweyxBaMljFd_VJ9D-OaAX9Ga1ygD2eJkypHlfazixD/s1600/SkyboxWindow.png" height="315" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
Estos materiales se activaran al momento que entramos o salimos de una zona sensible y en el código RenderSettings accedemos a la opción skybox. Que es idéntico al hacerlo por medio del menú principal en la opción de <b><i>Edit / RenderSettings.</i></b></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">
Y con eso ya tenemos el script que al ingresar a la zona sensible se muestre el material 2 y al salir se muestre el material 1. Osea que se cambie el cielo al entrar a la zona.</div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com6tag:blogger.com,1999:blog-7345427647546330151.post-69090049179939373642014-08-18T10:01:00.000-07:002014-08-18T10:01:03.160-07:00#Script boton touch salir juego #unity3d c# - game touch buttonCuando se elaboran juegos para dispositivos móviles como Android o IOS siempre es necesario elaborar el botón de salir de la aplicación para permitir al usuario regresar al uso normal de su teléfono.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR1bMgxv6H1EFY6Xg49bfuA3q0ky0tN4SpQzqr5j8RJw4xEI-KiWXB3P80bK9sV_4jtcGd0o5rc73NH-lzpPBO8xHglIQj1Dl4pi1RaZkhcaITxSCcb_YPhFF8RuYGcoYhwLsBaW2QBhSE/s1600/exit+game.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR1bMgxv6H1EFY6Xg49bfuA3q0ky0tN4SpQzqr5j8RJw4xEI-KiWXB3P80bK9sV_4jtcGd0o5rc73NH-lzpPBO8xHglIQj1Dl4pi1RaZkhcaITxSCcb_YPhFF8RuYGcoYhwLsBaW2QBhSE/s1600/exit+game.jpg" height="238" width="320" /></a></div>
<br />
El siguiente script está codificado para su uso <b><span style="color: #3d85c6; font-size: large;">TOUCH o TÀCTIL.</span></b><br />
<br />
<br />
<a name='more'></a><br />
El lugar donde se coloque el botón de salir puede ser en el menú, así como también en cada paso de un nivel a otro. Esto permitirá al usuario regresar a su dispositivo sin ningún inconveniente y sobretodo si molestia.<br />
<br />
El siguiente código se encuentra desarrollado en C#.<br />
<b><br /></b>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
<b>* C#</b></div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
-------------------------------------------</div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both;">
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">using UnityEngine;</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">using System.Collections;</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">public class boton_salir : MonoBehaviour {</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>public GUITexture boton;</span></span></div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="line-height: 18.200000762939453px; white-space: pre;"><span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"> </span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>void Update () {</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (Input.touchCount > 0) {</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>for (int i = 0; i < Input.touchCount; i++) {</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Touch t = Input.GetTouch (i);</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (t.phase == TouchPhase.Began) {</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (boton.HitTest (t.position, Camera.main)) {</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>Application.Quit();</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span></div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">
-------------------------------------------</div>
<br />
Como pueden observar en el código la sentencia para salir de la aplicación es : <b>Application.Quit();</b><br />Se ha creado una variable para almacenar la textura del botón. Y en el <b>Update</b> se valida la acción de tocar la pantalla, en otras palabras se valida el <b>touch</b>.<br />
El primer<b> if</b> sirve para el funcionamiento de la opción <b>touch</b>. Y el segundo y tercero sirva para validar que el botón sea el que se haya presionado. Por eso la validación <b>if (boton.HitTest (t.position, Camera.main))</b><br />
<br />Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com1tag:blogger.com,1999:blog-7345427647546330151.post-38999101895332798362014-08-12T09:48:00.000-07:002014-08-12T09:48:51.396-07:00Alien animado en #CSS3<div style="text-align: justify;">
Quien diría que el código CSS3 facilitaría la vida de los animadores para web. En esta ocasión es el turno para un alien animado.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-obMfpOhQ16ZcEU66WSCJXPfdgjbLxcv9owkEk6mEMaI9ze7G3G1Vv3skNx_RJN7dCjb3APTTENsmZsLEw_bK0TebhTyZ3LK3o2DuKwvGGqE0Z1AWbPK4a90YEH2tDEJe6SLMMCcHkTO1/s1600/alien_css3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-obMfpOhQ16ZcEU66WSCJXPfdgjbLxcv9owkEk6mEMaI9ze7G3G1Vv3skNx_RJN7dCjb3APTTENsmZsLEw_bK0TebhTyZ3LK3o2DuKwvGGqE0Z1AWbPK4a90YEH2tDEJe6SLMMCcHkTO1/s1600/alien_css3.jpg" /></a></div>
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;"></span><br />
<a name='more'></a>En el siguiente<a href="http://codepen.io/idiotWu/pen/Ahjkf?editors=010" style="background-color: white; color: #4d469c; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify; text-decoration: none;"> link </a><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;">pueden ingresar al sitio oficial de la codificación. A continuación se adjunta el código respectivo.</span><br />
<br />
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">*HTML</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><div id="wrap"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div id="aliens"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="body"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="eyes left"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="eyes right"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="mouse"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="arms left"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="arms right"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="legs left"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="legs right"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="halo-set"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="halo"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="halo"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="halo"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="halo"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> <div class="halo"></div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> </div></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.200000762939453px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"></div></span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">---------------------------------------</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span>
<b style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">*CSS3</b><br style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;" /><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">---------------------------------------</span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$forecolor: #92cbd9;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">$backcolor: #6294a0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">%pseudo {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: "";</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@keyframes walk {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 25% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: translate3d(0, 2px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 75% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: translate3d(0, -2px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@keyframes twinkle {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 90% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: scale3d(1, 1, 1);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 95% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: scale3d(1, 0.1, 1);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@keyframes walk-right-hand {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 25% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(-10deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 75% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(10deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@keyframes walk-left-hand {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 25% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(10deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 75% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(-10deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@keyframes walk-left-foot {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 25% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(25deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 75% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(-25deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">@keyframes walk-right-foot {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 25% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(-25deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> 75% {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> transform: rotate(25deg);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #646464;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#wrap {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: fixed;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 100%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> display: flex;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> align-items: center;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> justify-content: center;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">#aliens {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: relative;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 180px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: walk 1s linear infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @extend %pseudo;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: -20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: -20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 120px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 120px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border: 10px solid rgba(255, 255, 255, 0.8);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> z-index: 99;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.body {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 49px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $forecolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @extend %pseudo;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: -50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $forecolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(0, 100px, 50px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> content: '';</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 54px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 100px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $forecolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(25px, 100px, 50px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.eyes {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $backcolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: twinkle 5s infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &.left {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &.right {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 70px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.mouse {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 45px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border: 5px solid $backcolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-sizing: border-box;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(10px, 30px, 20px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.arms {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @extend %pseudo;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 80px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 200px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border: 10px solid #92cbd9;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top-width: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -webkit-box-sizing: border-box;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> -moz-box-sizing: border-box;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> box-sizing: border-box;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @extend %pseudo;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 33px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 12px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: #92cbd9;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(6px, 12px, 12px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &.left {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: -30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: walk-left-hand 1s linear infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(0, 35px, 40px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 8px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &.right {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: -30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: walk-right-hand 1s linear infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(0, 80px, 40px, 45px);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: 8px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.legs {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 140px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:before {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @extend %pseudo;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 0;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border: 10px solid transparent;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-top: 150px solid $forecolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(0px, 20px, 30px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:after {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> @extend %pseudo;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 20px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 2px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 16px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 16px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: $forecolor;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> clip: rect(8px, 16px, 16px, 0);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &.left {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> left: 20%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: walk-left-foot 1s linear infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &.right {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: 20%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> animation: walk-right-foot 1s linear infinite;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">.halo {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> position: absolute;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> background: rgba(255, 255, 255, 0.15);</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> border-radius: 50%;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:nth-child(1) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> top: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:nth-child(2) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 15px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom: 35px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: 30px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:nth-child(3) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 13px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom: 50px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: 5px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> &:nth-child(4) {</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> width: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> height: 10px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> bottom: 40px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> right: 18px;</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"> }</span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 18.200000762939453px;"></span></span><br />
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;">}</span></span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">---------------------------------------</span>Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-74800278655326848982014-08-06T13:49:00.000-07:002014-08-06T13:54:25.963-07:00Selfies de personajes de DC<div style="text-align: justify;">
La fiebre de los selfies se ha marcado en nuestra sociedad gracias a la influencia externa de personajes famosos. Existen varios post en internet en la cual indican que el personaje principal de la creación de esta palabra y esta acción es Mr. Bean.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Claro que se hizo bien popular gracias Ellen en la Premiación de los Oscar de 2014</div>
<br />
<div id="cp_widget_b56318a5-54da-45be-a257-faf33b06d90c">
...</div>
<script type="text/javascript">
var cpo = []; cpo["_object"] ="cp_widget_b56318a5-54da-45be-a257-faf33b06d90c"; cpo["_fid"] = "AUAAd2bWUraF";
var _cpmp = _cpmp || []; _cpmp.push(cpo);
(function() { var cp = document.createElement("script"); cp.type = "text/javascript";
cp.async = true; cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c); })(); </script><noscript>Powered by Cincopa <a href='http://www.cincopa.com/video-hosting'>Video Streaming Hosting</a> solution.</noscript>
<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUzXN0ixJRPiQB6yo_Y2aLgUCAOtiI5C3ln-sxROr8O8Eo1C_0AO6kPtIseEbPV1ig705j6Ssoommj2tWqGMOvpmWdIbYaXeCVWSg8bk3kpfQUPiXlyWduIIRgLjJnx3HX4sJPHGuHEfBs/s1600/ellen_selfie_oscars.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUzXN0ixJRPiQB6yo_Y2aLgUCAOtiI5C3ln-sxROr8O8Eo1C_0AO6kPtIseEbPV1ig705j6Ssoommj2tWqGMOvpmWdIbYaXeCVWSg8bk3kpfQUPiXlyWduIIRgLjJnx3HX4sJPHGuHEfBs/s1600/ellen_selfie_oscars.jpg" height="225" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><i><b>Ellen Selfie Oscar 2014</b></i></span></div>
<br />
Una publicación en hollywoodreporter.com indica que el selfie de la premiación de los Oscar se encuentra valorada en mil millones de dólares. Este valor se encuentra relacionado a su popularidad en los medios de comunicación social.<br />
<br />
Pero <span style="color: #073763;"><b><span style="font-size: large;">¿Qué son los selfies?</span></b> </span><br />
<br />
<div style="text-align: justify;">
Un selfie es una expresión en inglés que se refiere a la acción de tomarse una foto a sí mismo; en otras palabras es autoretrato.</div>
<div style="text-align: justify;">
Puede ser tomado con cualquier dispositivo que facilite esta acción, como cámara o teléfono celular, iPad, tablet, computadora u otro.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El canal de difusión de los mismos son las redes sociales que ofrecen la capacidad de viralizar la información de forma inmediata.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La mayor cantidad de personas se hacen un selfie para mostrar el físico, para decir si eres guapo/a o feo. Pero no importa el motivo, el fin es exhibir tu rostro y presumir de tus viajes, estilo de vida, paseos, logros obtenidos, entre otros.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La moda de tomarse selfies no se escapa a ningún ámbito tanto así que llegó a los personajes de DC.</div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com0tag:blogger.com,1999:blog-7345427647546330151.post-49268155357623298462014-08-01T17:02:00.000-07:002014-08-01T17:02:30.974-07:00#Script muestra vida #unity3d c#<div style="text-align: justify;">
En el post antrior indicaba como hacer una barra de vidas por medio de JS. En este post indicaré como realizar un HUD de vidas pero basado en texturas. En otras palabras los famosos corazones de vida que disminuyen en los videojuegos al momento que un enemigo nos ataca.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhppYpAFqf7wFDHaZMdsDbvDNzYc7nW9GUQKeyKn2OUlISXQa3Zc81xgX0iIg1o8UR7YTllrBaOanK2WgkHKP0Cu8o1kVFyhyc5ERcLfAfWuDTtc8YHSJfQ13XpZ9DGOdj-T35mAXuQJGmb/s1600/vidas_textura.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhppYpAFqf7wFDHaZMdsDbvDNzYc7nW9GUQKeyKn2OUlISXQa3Zc81xgX0iIg1o8UR7YTllrBaOanK2WgkHKP0Cu8o1kVFyhyc5ERcLfAfWuDTtc8YHSJfQ13XpZ9DGOdj-T35mAXuQJGmb/s1600/vidas_textura.jpg" height="287" width="400" /></a></div>
<br />
<a name='more'></a><br />
<div style="text-align: justify;">
El script que se muestra a continuación está elaborado en C#. Para lo cual hemos de crear dos script, uno para mostrar los corazones en pantalla y otro para disminuir los corazones al ingresar a la zona sensible.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para el desarrollo del ejemplo he utilizado la opción de GUITexture de la barra de Herramientas. Gameobject/Creater Other/ GUI Texture. Esta opción generará una textura en pantalla la misma que podemos asignarle la textura que deseamos mostrar. La textura a mostrar van a ser los 3 corazones que se muestra en la imagen.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3KyrfZ-K6oXrKyO8Hm_J12XTKDhWTKu77Ca2l14qiVP04tzp4KJQ4MqivXMOKj6snExa5AEokA9pmVjn8ZxjN3cU6DVMkZxkwP0-ZJ5M0_DAumBSW3NaAyhAl91ZupPleQt46VIw890lt/s1600/vidas_textura1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3KyrfZ-K6oXrKyO8Hm_J12XTKDhWTKu77Ca2l14qiVP04tzp4KJQ4MqivXMOKj6snExa5AEokA9pmVjn8ZxjN3cU6DVMkZxkwP0-ZJ5M0_DAumBSW3NaAyhAl91ZupPleQt46VIw890lt/s1600/vidas_textura1.jpg" height="317" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
El primer script que escribiremos será el que se encargue de validar si la variable vida ha disminuido y de ser así que cambie a la textura de dos corazones, un corazón y ningún corazón. Como el script se encuentra en c# favor tener el consideración el nombre del archivo para que no genere conflicto al copiar el script. El archivo lo llamaremos <b>"hud_corazones"</b>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>* C#</b></div>
<div class="separator" style="clear: both; text-align: left;">
-------------------------------------------</div>
<div class="separator" style="clear: both;">
using UnityEngine;</div>
<div class="separator" style="clear: both;">
using System.Collections;</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
public class hud_corazones : MonoBehaviour {</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>public GUITexture image;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>public Texture2D Image_01; </div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>public Texture2D Image_02;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>public Texture2D Image_03;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>public Texture2D Image_04;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>public static int vida = 3; // variable vida</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>void Update () {</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (vida ==3) {</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>image.texture = Image_01;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (vida ==2) {</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>image.texture = Image_02;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (vida ==1) {</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>image.texture = Image_03;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (vida ==0) {</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>image.texture = Image_04;</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div class="separator" style="clear: both;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div class="separator" style="clear: both;">
}</div>
<div>
-------------------------------------------</div>
<div>
<br /></div>
<div>
Como se observa en el script se han creado varias variables de tipo Texture2D para almacenar las diferentes texturas cada vez que van disminuyendo las vidas. Adicional se adicionó una variable de tipo int llamada vida, en esta variable almacenaremos las vidas. Y como se observa en la funcion Update ( en c# void Update) hemos de validar si vida es = 3 se muestra la textura con 3 corazones, y si llega a 0 se muestra la textura sin corazones. </div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPo_U2uAiNf7CATBSdgo0frBvIuKy4NYuqMwFfEY5DznAuDBZNieq5SOOiwWpbucjahCoLGMlDPsO0ZwtfhZ3nWclfFmslULWdop9AniZyVxb8_Q5eoiDbN8C-2r5n3PpGbH1s0HBFGRS/s1600/vidas_textura2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPo_U2uAiNf7CATBSdgo0frBvIuKy4NYuqMwFfEY5DznAuDBZNieq5SOOiwWpbucjahCoLGMlDPsO0ZwtfhZ3nWclfFmslULWdop9AniZyVxb8_Q5eoiDbN8C-2r5n3PpGbH1s0HBFGRS/s1600/vidas_textura2.jpg" height="400" width="271" /></a></div>
<div style="text-align: center;">
<b>Vista del GUITexture con los dos script.</b></div>
<div>
<br /></div>
<div style="text-align: justify;">
Hasta este punto ya hemos desarrollado todo lo que necesitamos para que funcione. Nos tocará crear un cubo que sirva de enemigo para que al momento de entrar en el, este afecte a la variable vida y la disminuya y así que se muestren menos corazones.</div>
<div style="text-align: justify;">
El script para disminuir las vidas lo llamaremos <b>"enemigo"</b> y también se encuentra escrito en c#</div>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both;">
<b>* C#</b></div>
<div class="separator" style="clear: both;">
-------------------------------------------</div>
</div>
<div>
<div>
using UnityEngine;</div>
<div>
using System.Collections;</div>
<div>
<br /></div>
<div>
public class enemigo : MonoBehaviour {</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>void OnTriggerEnter () {</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>hud_corazones.vida = hud_corazones.vida - 1;</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div>
}</div>
</div>
<div>
-------------------------------------------</div>
<div>
<br /></div>
<div>
Y con eso hemos terminado.</div>
<div>
<i style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px; text-align: justify;"><b><u>Si tienes alguna duda o consulta no dudes en comentar.</u></b></i></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com3tag:blogger.com,1999:blog-7345427647546330151.post-81989982649092013192014-07-30T15:36:00.000-07:002014-07-30T19:41:24.230-07:00#Script Barra de vida #unity3d - Health Bar<div style="text-align: justify;">
En todo videojuego existen diferentes formas o maneras de mostrar las vidas del player o enemigos. Por lo tanto he considerado importante realizar un script basado en JS (javascript) el cual muestre por medio de una barra, las vidas del personaje principal.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPup7UK-4FFHHlMifr296DTxRZBOWo45mJ0nmc_7_CZtVHm06Fgm0-lVXM4q3VwEzjfFlh0DeS5EDkJ2UKQWNROG2EqAEF0K_U7QVPvMj-PZOrZXqbcGwzOm5oHLHR8Z9Q8PmRohW8mxYK/s1600/barra+de+vida+unity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPup7UK-4FFHHlMifr296DTxRZBOWo45mJ0nmc_7_CZtVHm06Fgm0-lVXM4q3VwEzjfFlh0DeS5EDkJ2UKQWNROG2EqAEF0K_U7QVPvMj-PZOrZXqbcGwzOm5oHLHR8Z9Q8PmRohW8mxYK/s1600/barra+de+vida+unity.jpg" height="263" width="400" /></a></div>
<br />
<a name='more'></a></div>
<div style="text-align: justify;">
Como se indica en la parte superior este script está realiazado en JS.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En primera instancia lo que debemos de tener en consideración es la relación existente entre los siguientes scripts. Primero debemos de crear el entorno en el cual nuestro player se va a ver afectado por el enemigo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En mi caso he elaborado un plano, un cubo (enemigo), y el player (Primera Persona). Se pueden optimizar los scripts a realizar pero en mi caso he elaborado <b>3 Scripts</b> para que se aprecie la mecánica.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El primer Script <b>"muestra_vidas"</b> se lo colocaremos a la cámara o a un gameobject vació, puesto que este script permitirá que se muestren las texturas de la vida del player. Este script posee la variable progress en la cual almacenaré la vida total del player. Las variables de tipo Texture2D sirven para adicionar las texturas de la barra de vida y la del fondo de la barra. Las texturas a usar pueden estar en formato PNG.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Adicional se han aumentado variables de tipo float que permiten almacenar el tamaño de la pantalla a visualizar y realizar una operación matemática para devidir la pantalla en cinco partes iguales. Pero esto se explicará en otra publicación.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>*JS</b></div>
<div style="text-align: justify;">
------------------------------------------------</div>
<div style="text-align: justify;">
var progress : float= 0;</div>
<div style="text-align: justify;">
var progressBarEmpty : Texture2D;</div>
<div style="text-align: justify;">
var progressBarFull:Texture2D;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
static var ScreenX:float;</div>
<div style="text-align: justify;">
static var ScreenY:float;</div>
<div style="text-align: justify;">
static var AnchoxPantalla: int;</div>
<div style="text-align: justify;">
static var AltoxPantalla:int;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function OnGUI () {</div>
<div style="text-align: justify;">
//barra vacia (posicionx,posiciony, ancho, alto)</div>
<div style="text-align: justify;">
GUI.DrawTexture (Rect(ScreenX*0.1,ScreenY*0.1,400,140), progressBarEmpty);</div>
<div style="text-align: justify;">
//barra llena</div>
<div style="text-align: justify;">
GUI.DrawTexture (Rect(ScreenX*0.55,ScreenY*0.65,progress,20), progressBarFull);</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Update (){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>AnchoxPantalla=Screen.width;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>AltoxPantalla=Screen.height;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>ScreenX = (Screen.width)/5;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>ScreenY=(Screen.height)/5;</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>progress = PlayerStat.vida; //llamo a la variable vida que se encuentra en el script PlayerStat</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
------------------------------------------------</div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOFHqT29p8jtscyacPKj42U9Woo01Hsh98-u02KMAhuPVCBoW-EaRRRTJZOkLh9yxS33ijAMw1S_0A7edstgwT07dMh4tNeP-1OJh-QsJqETN4oW91jfEYY8ZSw63NXeiIKILbNZUeNSqN/s1600/barra+de+vida+unity3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOFHqT29p8jtscyacPKj42U9Woo01Hsh98-u02KMAhuPVCBoW-EaRRRTJZOkLh9yxS33ijAMw1S_0A7edstgwT07dMh4tNeP-1OJh-QsJqETN4oW91jfEYY8ZSw63NXeiIKILbNZUeNSqN/s1600/barra+de+vida+unity3.jpg" height="257" width="400" /></a></div>
<br />
La función OnGUI dibujará en la pantalla la barra de vida y el fondo. Como se ha comentado el GUIDrawTexture mostrará la textura almacenada en progressBarEmpty, y en otra línea se mostrará progressBarFull, la barra que se irá debilitando apenas el player reciba daño.</div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPup7UK-4FFHHlMifr296DTxRZBOWo45mJ0nmc_7_CZtVHm06Fgm0-lVXM4q3VwEzjfFlh0DeS5EDkJ2UKQWNROG2EqAEF0K_U7QVPvMj-PZOrZXqbcGwzOm5oHLHR8Z9Q8PmRohW8mxYK/s1600/barra+de+vida+unity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPup7UK-4FFHHlMifr296DTxRZBOWo45mJ0nmc_7_CZtVHm06Fgm0-lVXM4q3VwEzjfFlh0DeS5EDkJ2UKQWNROG2EqAEF0K_U7QVPvMj-PZOrZXqbcGwzOm5oHLHR8Z9Q8PmRohW8mxYK/s1600/barra+de+vida+unity.jpg" height="263" width="400" /></a></div>
<br /></div>
<div style="text-align: justify;">
La variable progress almacenará el valor total de las vidas, osea que al principio esta tiene 250 vidas, pero por cada daño esta va a bajar 50pts. Si revisamos el GUIDraw de la progressBarFull, nos damos cuenta que en el ancho no tenemos un valor fijo, sino que el ancho va a estar guiado por los puntos de la vida.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hasta este momento solo hemos mostrado las barras de vida pero no poseen interacción con el player. Para lo cual crearemos el segundo script llamado <b>"PlayerStat"</b> en este script creamos la variable vida que almacenará el total de la vida del player. Aquí realizamos el cálculo del daño, donde la funcion Update valida al momento que vida sea 0 se active la funcion dead (cambio de nivel), y para resetear la variable vida luego le asignamos los 250pts. Este Script se lo ponen al player.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>*JS</b></div>
<div style="text-align: justify;">
------------------------------------------------</div>
<div style="text-align: justify;">
static var vida = 250;</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Update (){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>if(vida <= 0){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>Dead();</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
function Dead(){</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>Application.LoadLevel("enemigo 2");</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>vida = 250;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
------------------------------------------------</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El último script a realizar lo llamaremos <b>"baja_vidas"</b> Este script lo tiene el enemigo, y en este le indicamos cuanto es el daño que va a ocasionar. En mi caso he simplificado el ejemplo usando el OnTriggerEnter a un cubo.</div>
<div style="text-align: justify;">
En este script lo único que se realiza es cuando entra a la zona sensible la variable vida es restada por 50pts.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>*JS</b></div>
<div style="text-align: justify;">
------------------------------------------------</div>
<div style="text-align: justify;">
function OnTriggerEnter () {</div>
<div style="text-align: justify;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>PlayerStat.vida = PlayerStat.vida -50;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
------------------------------------------------<br />
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7jB5YBDio6qhn3vSFl1lMrNWVxR9EOADBURDytlnU24emtCK91xrHO0xM-Us4yU765Wo94IXiWB6jTWe6Vpt0CT_w9HCftQ2OpUBiEjfo3Yq0auPUQLttv5BRUHQN9eMpa6K0MILHw0R/s1600/barra+de+vida+unity2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7jB5YBDio6qhn3vSFl1lMrNWVxR9EOADBURDytlnU24emtCK91xrHO0xM-Us4yU765Wo94IXiWB6jTWe6Vpt0CT_w9HCftQ2OpUBiEjfo3Yq0auPUQLttv5BRUHQN9eMpa6K0MILHw0R/s1600/barra+de+vida+unity2.jpg" height="260" width="400" /></a></div>
<br />
Y con esto hemos elaborado nuestra barra de vida. Debemos de tener claro que cuando llegue "vidas"a cero se cambiará de escena. La misma mecánica se puede usar para restar vidas al enemigo u otros elementos.<br />
<br />
<i><b><u>Si tienes alguna duda o consulta no dudes en comentar.</u></b></i></div>
Alonso velozhttp://www.blogger.com/profile/04128555291042214977noreply@blogger.com19