cssコードで実現したドラえもん

108373 ワード

前にCSSを学んだばかりの时、书いたコードは、7、8时间かかってやっと书き终わって、位置付けに时间がかかりました.ネット上には多くのバージョンがありますが、これはオリジナルの初心者の書き方です.Google火狐IEをサポートし、携帯電話の付属ブラウザもサポートし、コードを添付します.
/span>html>

  
    charset="utf-8">
    </span><span style="font-family:'  ';">  </span>A<span style="font-family:'  ';"> </span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">    <style><span style="color:#bababa;">type=</span><span style="color:#a5c261;">"text/css"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">    </span>.<span style="color:#e8bf6a;">entirety</span>{
      <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">500</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">680</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span><span style="color:#bababa;">border</span>:<span style="color:#6897bb;">1</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">absolute</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">0</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span><span style="color:#bababa;">right</span>: <span style="color:#6897bb;">0</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span><span style="color:#bababa;">margin</span>: <span style="color:#a5c261;">auto</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">    </span>}
      .<span style="color:#e8bf6a;">head</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">300</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">300</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">150</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-image</span>: <span style="color:#e8bf6a;">-webkit-radial-gradient</span>(<span style="color:#6897bb;">99</span>% <span style="color:#6897bb;">1</span>%<span style="color:#cc7832;">, </span><span style="color:#6897bb;">#fff </span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">#0C99C7 75</span>%<span style="color:#cc7832;">, </span><span style="color:#a5c261;">black </span><span style="color:#6897bb;">100</span>%)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">          </span><span style="color:#bababa;">background-image</span>: <span style="color:#e8bf6a;">-moz-radial-gradient</span>(<span style="color:#6897bb;">99</span>% <span style="color:#6897bb;">1</span>%<span style="color:#cc7832;">, </span><span style="color:#6897bb;">#fff </span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">#0C99C7 75</span>%<span style="color:#cc7832;">, </span><span style="color:#a5c261;">black </span><span style="color:#6897bb;">100</span>%)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">          </span><span style="color:#bababa;">background-image</span>: <span style="color:#e8bf6a;">-ms-radial-gradient</span>(<span style="color:#6897bb;">99</span>% <span style="color:#6897bb;">1</span>%<span style="color:#cc7832;">, </span><span style="color:#6897bb;">#fff </span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">#0C99C7 75</span>%<span style="color:#cc7832;">, </span><span style="color:#a5c261;">black </span><span style="color:#6897bb;">100</span>%)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">box-shadow</span>: -<span style="color:#6897bb;">5</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">5</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">15</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">#888 </span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">absolute</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">0</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">right</span>: <span style="color:#6897bb;">0</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">margin</span>: <span style="color:#a5c261;">auto</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">face</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">250</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">210</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">175</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">25</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">65</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">left_eye</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">60</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">30</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">170</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">87</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">left_eyeball</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">12</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">12</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">6</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#a5c261;">black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:<span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">40</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-name</span>: <span style="color:#e8bf6a;">cat</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-duration</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">s</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-timing-function</span>: <span style="color:#a5c261;">linear</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-fill-mode</span>: <span style="color:#a5c261;">backwards</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-iteration-count</span>: <span style="color:#a5c261;">infinite</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-direction</span>: <span style="color:#a5c261;">alternate</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">right_eye</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">60</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">30</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">242</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">149</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">right_eyeball</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">12</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">12</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">6</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#a5c261;">black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:<span style="color:#6897bb;">8</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-name</span>: <span style="color:#e8bf6a;">cat</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-duration</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">s</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-timing-function</span>: <span style="color:#a5c261;">linear</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-fill-mode</span>: <span style="color:#a5c261;">backwards</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-iteration-count</span>: <span style="color:#a5c261;">infinite</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">-webkit-animation-direction</span>: <span style="color:#a5c261;">alternate</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      <span style="color:#cc7832;">@keyframes </span><span style="color:#e8bf6a;">cat </span>{
       <span style="color:#cc7832;">from </span>{ <span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">translate</span>(<span style="color:#6897bb;">0</span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">0</span>)<span style="color:#cc7832;">; </span>}
       <span style="color:#e8bf6a;">20% </span>{ <span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">translate</span>(<span style="color:#6897bb;">7</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">7</span><span style="color:#a5c261;">px</span>)<span style="color:#cc7832;">; </span>}
       <span style="color:#e8bf6a;">40% </span>{ <span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">translate</span>(<span style="color:#6897bb;">0</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">14</span><span style="color:#a5c261;">px</span>)<span style="color:#cc7832;">; </span>}
       <span style="color:#e8bf6a;">60% </span>{ <span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">translate</span>(<span style="color:#6897bb;">7</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">21</span><span style="color:#a5c261;">px</span>)<span style="color:#cc7832;">; </span>}
       <span style="color:#e8bf6a;">80% </span>{ <span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">translate</span>(<span style="color:#6897bb;">0</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">28</span><span style="color:#a5c261;">px</span>)<span style="color:#cc7832;">; </span>}
       <span style="color:#cc7832;">to </span>{ <span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">translate</span>(<span style="color:#6897bb;">7</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">, </span><span style="color:#6897bb;">35</span><span style="color:#a5c261;">px</span>)<span style="color:#cc7832;">; </span>}
      }
      .<span style="color:#e8bf6a;">nose</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">28</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">28</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">14</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-image</span>: <span style="color:#e8bf6a;">-webkit-radial-gradient</span>(<span style="color:#6897bb;">10</span><span style="color:#a5c261;">px at </span><span style="color:#6897bb;">80</span>% <span style="color:#6897bb;">40</span>%<span style="color:#cc7832;">,</span><span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">,</span><span style="color:#6897bb;">#cb3a00</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">254</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">133</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">mouth</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">1</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">100</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">1</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#a5c261;">black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">458</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">147</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">smile</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">200</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">200</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">100</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border-bottom</span>: <span style="color:#6897bb;">4</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">48</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">354</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">gai</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">200</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">65</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:<span style="color:#6897bb;">100</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">beard</span>{
        <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">1</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">0.3</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">background-color</span>: <span style="color:#a5c261;">black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">lt</span>{
        <span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">555</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">40</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">rotate</span>(<span style="color:#6897bb;">15</span><span style="color:#a5c261;">deg</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">lm</span>{
        <span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">535</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">40</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">lb</span>{
        <span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">515</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">40</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">rotate</span>(-<span style="color:#6897bb;">15</span><span style="color:#a5c261;">deg</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">gt</span>{
        <span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">564</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">185</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">rotate</span>(-<span style="color:#6897bb;">15</span><span style="color:#a5c261;">deg</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">gm</span>{
        <span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">544</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">185</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">gb</span>{
        <span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">524</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">185</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">        </span><span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">rotate</span>(<span style="color:#6897bb;">15</span><span style="color:#a5c261;">deg</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">      </span>}
      .<span style="color:#e8bf6a;">body</span>{
         <span style="color:#bababa;">width</span>:<span style="color:#6897bb;">200</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">200</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#07abdd</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">top</span>:<span style="color:#6897bb;">290</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">148</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">10</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">       </span>}
       .<span style="color:#e8bf6a;">tummy</span>{
         <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">150</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">150</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">75</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">25</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">       </span>}
        .<span style="color:#e8bf6a;">pocket</span>{
         <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">120</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">120</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">60</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">15</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">15</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">gai_2</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">124</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">62</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-left-radius</span>: <span style="color:#6897bb;">50</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-right-radius</span>: <span style="color:#6897bb;">50</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-bottom</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid black</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: -<span style="color:#6897bb;">2</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">2</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">left_hand</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">55</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#07abdd</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">120</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">98</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">transform-origin</span>: <span style="color:#6897bb;">0 50</span>%<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">rotate</span>(-<span style="color:#6897bb;">30</span><span style="color:#a5c261;">deg</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">box-shadow</span>: -<span style="color:#6897bb;">5</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">10</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">right_hand</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">55</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#07abdd</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">23</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">336</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">transform-origin</span>: <span style="color:#6897bb;">0 50</span>%<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">transform</span>: <span style="color:#e8bf6a;">rotate</span>(<span style="color:#6897bb;">30</span><span style="color:#a5c261;">deg</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">box-shadow</span>: -<span style="color:#6897bb;">5</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">10</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">left_palm</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">35</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">50</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>:<span style="color:#6897bb;">3</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">right_palm</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">70</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">35</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">373</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">73</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">rod</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">210</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">25</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">100</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-image</span>: <span style="color:#e8bf6a;">linear-gradient</span>(<span style="color:#a5c261;">to top</span><span style="color:#cc7832;">,</span><span style="color:#6897bb;">#640C04</span><span style="color:#cc7832;">,</span><span style="color:#6897bb;">#B13206</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">143</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">200</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">20</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">gai_3</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">5</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">60</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>:<span style="color:#6897bb;">#07abdd</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">148</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">215</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">15
</span><span style="color:#6897bb;">         </span>}
         .<span style="color:#e8bf6a;">gai_4</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">5</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">60</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>:<span style="color:#6897bb;">#07abdd</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">348</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">275</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">15</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">dang</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">20</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>:<span style="color:#6897bb;">20</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">238</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">140</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">15</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">dang_gai</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">24</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">12</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: -<span style="color:#6897bb;">2</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">left_foot</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">110</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">30</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-right-radius</span>: <span style="color:#6897bb;">45</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-bottom-right-radius</span>: <span style="color:#6897bb;">45</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-left-radius</span>: <span style="color:#6897bb;">65</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-bottom-left-radius</span>: <span style="color:#6897bb;">45</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">130</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">157</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">15</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">box-shadow</span>: -<span style="color:#6897bb;">1</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">0</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">10</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">right_foot</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">110</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">30</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-right-radius</span>: <span style="color:#6897bb;">65</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-bottom-right-radius</span>: <span style="color:#6897bb;">45</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-left-radius</span>: <span style="color:#6897bb;">45</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-bottom-left-radius</span>: <span style="color:#6897bb;">45</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">255</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>:-<span style="color:#6897bb;">191</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">15</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">box-shadow</span>: -<span style="color:#6897bb;">1</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">1</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">10</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">2</span><span style="color:#a5c261;">px </span><span style="color:#6897bb;">#333</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">bell</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">36</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">36</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">18</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-image</span>: <span style="color:#e8bf6a;">radial-gradient</span>(<span style="color:#6897bb;">10</span><span style="color:#a5c261;">px at </span><span style="color:#6897bb;">75</span>% <span style="color:#6897bb;">25</span>%<span style="color:#cc7832;">,</span><span style="color:#6897bb;">#fff</span><span style="color:#cc7832;">,</span><span style="color:#6897bb;">#CDC60B</span>)<span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>:<span style="color:#6897bb;">230</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: -<span style="color:#6897bb;">430</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">z-index</span>: <span style="color:#6897bb;">30</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">inbell_1</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">34</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">3</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px solid </span><span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-left-radius</span>: <span style="color:#6897bb;">3</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-top-right-radius</span>: <span style="color:#6897bb;">4</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#a5c261;">none</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">9</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: -<span style="color:#6897bb;">1</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">inbell_2</span>{
           <span style="color:#bababa;">width</span>:<span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">border-radius</span>: <span style="color:#6897bb;">5</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">13</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">12</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
         .<span style="color:#e8bf6a;">inbell_3</span>{
           <span style="color:#bababa;">width</span>: <span style="color:#6897bb;">2</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">height</span>: <span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">background-color</span>: <span style="color:#6897bb;">#000</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">position</span>: <span style="color:#a5c261;">relative</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">left</span>: <span style="color:#6897bb;">16</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">           </span><span style="color:#bababa;">top</span>: <span style="color:#6897bb;">10</span><span style="color:#a5c261;">px</span><span style="color:#cc7832;">;
</span><span style="color:#cc7832;">         </span>}
    <span style="color:#e8bf6a;"></style>
</span><span style="color:#e8bf6a;">  
</span><span style="color:#e8bf6a;">  
</span><span style="color:#e8bf6a;">    <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"entirety"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"head"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"face"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"left_eye"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">        <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"left_eyeball"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      </span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"right_eye"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">        <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"right_eyeball"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      </span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"nose"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">        <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"smile"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">          <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"gai"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">        </span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"mouth"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"beard lt"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"beard lm"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"beard lb"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"beard gt"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"beard gm"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">      <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"beard gb"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     </span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"body"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">        <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"tummy"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">          <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"pocket"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">            <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"gai_2"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">            </span></div>
</span><span style="color:#e8bf6a;">          </span></div>
</span><span style="color:#e8bf6a;">        </span></div>
</span><span style="color:#e8bf6a;">     </span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"left_hand"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"right_hand"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"left_palm"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"right_palm"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"rod"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"gai_3"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"gai_4"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"dang"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">       <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"dang_gai"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     </span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"left_foot"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"right_foot"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">     <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"bell"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">       <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"inbell_1"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">       <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"inbell_2"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">       <div><span style="color:#bababa;">class=</span><span style="color:#a5c261;">"inbell_3"</span><span style="color:#e8bf6a;">></span></div>
</span><span style="color:#e8bf6a;">     </span></div>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">    </span></div>
</span><span style="color:#e8bf6a;">  
</span><span style="color:#e8bf6a;">
</span></span></span></code></pre> 
  <span style="color:#e8bf6a;"/> 
  <br/> 
   
 </div> 
</div>
                            </div>
                        </div>