Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="scene">
  <!-- FIRST LAYER -->
  <div class="layer">
    <svg class="fullArtwork" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 2740 787">
      <title>Firefox Artwork</title>
      <defs>
        <lineargradient id="linearGradient-1" x1="50%" x2="50%" y1="3.19%" y2="100%">
          <stop stop-color="#062C6F" offset="0%"></stop>
          <stop stop-color="#176DA2" offset="41.81%"></stop>
          <stop stop-color="#74A8BE" offset="65.65%"></stop>
          <stop stop-color="#E9C39E" offset="83.6%"></stop>
          <stop stop-color="#FF9D43" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-2" x1="9.13%" x2="90.87%" y1="0%" y2="100%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-3" x1="0%" y1="57.01%" y2="42.99%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-4" x1="83.71%" x2="25.01%" y1="0%" y2="91.19%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-5" x1="91.43%" x2="27.48%" y1="-19.85%" y2="90.18%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-6" x1="0%" y1="52.21%" y2="48.18%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-7" x1="0%" x2="85.03%" y1="11.73%" y2="76.08%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-8" x1="64.28%" x2="0%" y1="0%" y2="0%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
        <lineargradient id="linearGradient-9" x1="20.05%" x2="79.5%" y1="21.4%" y2="72.54%">
          <stop stop-color="#FFF" stop-opacity=".1" offset="0%"></stop>
          <stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop>
        </lineargradient>
      </defs>
      <g class="firefoxArtwork" fill="none" fill-rule="evenodd">
        <g class="background">
          <path class="bgGradient" fill="url(#linearGradient-1)" d="M0 0h2740v590H0z"></path>
          <g class="stars" transform="translate(834 55)">
            <ellipse cx="599.23" cy="33.7" fill="#FFF" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="570.34" cy="47.7" fill="#FFF" rx="1.31" ry="1.31"></ellipse>
            <path fill="#FFF" d="M834.72 117.3c.72 0 1.3-.6 1.3-1.32 0-.73-.58-1.3-1.3-1.3-.73 0-1.32.57-1.32 1.3 0 .72.6 1.3 1.32 1.3z"></path>
            <ellipse cx="171.15" cy="125.61" fill="#FFF" fill-opacity=".3" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="101.11" cy="196.51" fill="#FFF" fill-opacity=".3" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="180.78" cy="102.85" fill="#FFF" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="1025.56" cy="50.33" fill="#FFF" fill-opacity=".3" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="837.34" cy="215.76" fill="#FFF" fill-opacity=".3" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="859.23" cy="196.51" fill="#FFF" fill-opacity=".3" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="902.12" cy="235.02" fill="#FFF" fill-opacity=".3" rx="1.31" ry="1.31"></ellipse>
            <ellipse cx="761.62" cy="39.39" fill="#FFF" fill-opacity=".05" rx="14.01" ry="14.01"></ellipse>
            <ellipse cx="762.06" cy="39.83" fill="#FFF" fill-opacity=".15" rx="9.19" ry="9.19"></ellipse>
            <ellipse cx="762.06" cy="39.83" fill="#FFF" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="2.19" cy="195.63" fill="#FFF" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="960.78" cy="186.88" fill="#FFF" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="1030.81" cy="125.61" fill="#FFF" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="905.63" cy="80.09" fill="#FFF" fill-opacity=".3" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="34.58" cy="92.35" fill="#FFF" fill-opacity=".3" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="132.63" cy="106.35" fill="#FFF" rx="2.19" ry="2.19"></ellipse>
            <ellipse cx="261.31" cy="299.79" fill="#FFF" fill-opacity=".3" rx="2.19" ry="2.19"></ellipse>
            <path fill="#FFF" fill-opacity=".1" d="M154.92 105.9c7.23-.4 14.48-.65 21.67-1.44.2-.02.2-.32 0-.32-7.23-.04-14.46.47-21.68.83-7.2.35-14.48.57-21.66 1.38-.25.03-.27.4 0 .4 7.22.07 14.46-.47 21.66-.87z"></path>
            <path fill="url(#linearGradient-2)" d="M220.23 139.17c12.82 11.6 25.74 23.14 38.96 34.28.23.2.57-.13.33-.34-13-11.4-26.07-22.72-38.93-34.3-12.86-11.57-25.36-23.54-38.22-35.1 12.1 12.32 25.05 23.88 37.85 35.47z"></path>
            <path fill="url(#linearGradient-3)" d="M177.9 108.36c.03-.12-.15-.17-.2-.05-2 4.94-3.96 9.84-5.47 14.96-.03.1.12.17.16.07 2.15-4.9 3.83-9.9 5.5-14.97z"></path>
            <path fill="url(#linearGradient-4)" d="M288.3 153.87c7.27-5.96 14.67-11.8 21.75-18 .13-.1-.04-.34-.18-.24-7.25 5.57-14.23 11.5-21.3 17.3-7.28 5.97-14.63 11.84-21.7 18.07-.06.05.02.15.08.1 7.27-5.55 14.27-11.42 21.34-17.23z"></path>
            <path fill="url(#linearGradient-5)" d="M234.74 198.92c-8.2 6.26-16.55 12.3-24.94 18.3-.4.27-.02.93.4.65 8.63-5.86 17.04-12.07 25.33-18.43 8.07-6.2 16.23-12.44 23.74-19.3.2-.2-.08-.57-.3-.4-8.17 6.27-16.04 12.92-24.23 19.18z"></path>
            <path fill="url(#linearGradient-6)" d="M188.34 65.14c.06-.36-.46-.53-.56-.16-2.7 10.35-4.24 21.02-6.13 31.53-.02.14.18.2.2.07 2.32-10.42 5-20.86 6.5-31.43z"></path>
            <path fill="url(#linearGradient-7)" d="M344.47 173.8c.18.22.6-.1.4-.33-8.7-11.3-18.27-22.04-28.35-32.14-.04-.05-.1.02-.06.07 9.68 10.5 18.95 21.33 28 32.4z"></path>
            <path fill="#FFF" fill-opacity=".1" d="M594.23 35.82c.26-.14.03-.5-.22-.4-7.7 3.38-15.43 7.2-22.75 11.38-.04.02 0 .1.04.08 7.77-3.25 15.54-7 22.93-11.06z"></path>
            <path fill="url(#linearGradient-8)" d="M509.63 48.56c17.5.22 35.04.6 52.53-.02.35-.02.35-.54 0-.54-17.5-.42-35.02-.16-52.53-.37-17.48-.2-35.03-1.07-52.5-.8-.2 0-.2.3 0 .3 17.4 1.32 35.04 1.2 52.5 1.43z"></path>
            <path fill="#FFF" fill-opacity=".1" d="M660.2 35.15c19.38.84 38.75 2 58.1 3.43 10.98.8 21.95 1.77 32.9 2.7.66.06.65-.94 0-1-38.6-3.83-77.42-6-116.2-7.14-11-.33-22-.74-33-.42-.36 0-.36.53 0 .54 19.36 1.04 38.8 1.05 58.2 1.9zM783.6 63.5c5.05 5.72 10.18 11.4 15.37 17 10.47 11.3 21.18 22.42 32.26 33.12.33.32.82-.18.5-.5-10.84-10.77-21.57-21.63-32-32.8-5.1-5.5-10.16-11.03-15.15-16.63-5.14-5.78-9.95-12.06-15.43-17.5-.1-.08-.24.03-.17.13 4.3 6.07 9.68 11.6 14.6 17.17zm-45 126.58c7.65-5.62 15.27-11.28 22.86-16.97 15.1-11.33 30.1-22.8 44.96-34.45 8.47-6.63 16.97-13.25 25.28-20.08.48-.4-.2-1.05-.67-.68-30.1 23.56-60.08 47.17-90.86 69.84-8.45 6.23-17.14 12.2-25.33 18.76-.2.15.05.47.26.34 8.08-5.2 15.76-11.07 23.5-16.76zM626.38 82.06c.1.16.34.02.25-.14-7.78-14.66-16.2-28.97-24.32-43.43 0-.06-.08-.02-.06.03 8.03 14.52 15.77 29.2 24.14 43.54z"></path>
            <path fill="#FFF" d="M549.82 21.22c-.15-.16-.36.07-.23.23 5.43 6.8 11.1 13.42 16.43 20.32.04.05.12 0 .1-.05-5.17-7.04-10.4-14.05-16.3-20.5z" opacity=".1"></path>
            <path fill="#FFF" fill-opacity=".1" d="M784.62 16.6c.12-.1-.05-.28-.18-.17-5.6 4.7-11 9.6-16.4 14.5-.08.08.04.2.12.13 5.56-4.74 11.1-9.5 16.46-14.46z"></path>
            <path fill="url(#linearGradient-9)" d="M850.9 136.27c.38.4.97-.2.6-.6-4.97-5.62-9.9-11.56-15.42-16.68-.2-.18-.55.06-.37.28 4.6 5.98 10.06 11.5 15.2 17z"></path>
            <path fill="#FFF" fill-opacity=".1" d="M685.62 158.35c-.14-.2-.47-.02-.34.2 8.43 14.5 16.96 28.94 25.56 43.33.04.06.13 0 .1-.05-8.1-14.67-16.32-29.34-25.32-43.48zm41.52-77.1c-.27.43.37.78.65.4 7.7-10.63 16.02-20.47 25.34-29.7.1-.12-.05-.28-.17-.18-9.78 8.58-18.65 18.63-25.83 29.5zM645.57.56c.2-.16 0-.5-.2-.37-14.7 9.5-29.22 19.22-43.62 29.15-.08.05 0 .2.08.13 14.72-9.43 29.3-19.05 43.74-28.92z"></path>
          </g>
          <g class="sun">
            <path class="rayFive ray" d="M1476.5 597.7c-12.28 21.3-29.78 40-51.03 52.3-20.6 11.94-45.22 16.6-70.73 16.6-25.5 0-49.46-5.84-70.06-17.77-21.25-12.32-38.4-30.43-50.7-51.7-11.92-20.64-21.98-44.28-21.98-69.83 0-25.55 7.66-50.6 19.57-71.22 12.3-21.28 32.8-36.35 54.07-48.66 20.6-11.94 43.6-22.42 69.1-22.42 25.5 0 50.03 7.83 70.63 19.77 21.25 12.3 38.62 30.96 50.92 52.24 11.9 20.65 20.82 44.75 20.82 70.3 0 25.54-8.7 49.78-20.6 70.4z"></path>
            <path class="rayFour ray" d="M1459.46 587.84c-10.72 18.56-24.4 35.9-42.93 46.64-17.97 10.4-39.55 14.54-61.8 14.54-22.24 0-43.93-3.94-61.9-14.34-18.52-10.74-35.17-26.5-45.9-45.05-10.38-18-15.12-40.06-15.12-62.33 0-22.28 7.55-42.72 17.94-60.7 10.72-18.57 25.2-34.83 43.74-45.57 17.96-10.4 39-16.56 61.26-16.56 22.24 0 43 6.68 60.95 17.08 18.52 10.74 35.47 25.23 46.2 43.8 10.4 17.97 15.3 39.67 15.3 61.95 0 22.27-7.35 42.56-17.74 60.54z"></path>
            <path class="rayThree ray" d="M1448.92 581.75c-9.7 16.78-21.94 32.1-38.7 41.8-16.23 9.42-35.38 12.65-55.48 12.65-20.1 0-40.04-1.9-56.27-11.3-16.75-9.7-29.13-25.85-38.82-42.63-9.4-16.26-13.52-34.84-13.52-54.97 0-20.14 5.5-37.92 14.9-54.18 9.7-16.78 21.9-31.62 38.65-41.33 16.24-9.4 34.95-17.03 55.06-17.03 20.1 0 38.5 8.15 54.74 17.55 16.75 9.7 32.1 22.38 41.8 39.16 9.4 16.26 14.03 35.68 14.03 55.82 0 20.13-7 38.2-16.38 54.45z"></path>
            <path class="rayTwo ray" d="M1431.62 582.15c-14.23 20-34.83 35.9-60.92 40.3-26.1 4.4-50.76-3.9-70.74-18.15-19.97-14.25-37.18-34.66-41.56-60.8-4.4-26.13 4.5-51.58 18.72-71.58 14.23-20 35.9-33.36 62-37.75 26.1-4.4 50.14 2.26 70.1 16.5 20 14.26 35.8 34.57 40.2 60.7 4.37 26.13-3.57 50.78-17.8 70.78z"></path>
            <path class="rayOne ray" d="M1419.06 591.72c-16.2 16.22-39.6 26.53-64.32 26.53-24.7 0-47.5-10.95-63.7-27.17-16.18-16.22-24.5-39.04-24.5-63.78 0-24.75 7.96-47.93 24.15-64.15 16.18-16.22 39.33-24.98 64.04-24.98 24.7 0 48.15 8.47 64.34 24.68 16.2 16.22 24.55 39.7 24.55 64.45 0 24.74-8.37 48.2-24.57 64.42z"></path>
            <path class="sunCenter" fill="#FFF" d="M1417.16 589.83c-15.7 15.74-38.44 25.75-62.4 25.75-24 0-46.1-10.63-61.8-26.37-15.72-15.72-23.8-37.87-23.8-61.88 0-24 7.74-46.5 23.45-62.23 15.72-15.75 38.17-24.25 62.15-24.25 23.97 0 46.72 8.22 62.43 23.95 15.7 15.73 23.82 38.5 23.82 62.52 0 24-8.13 46.78-23.84 62.5z"></path>
          </g>
        </g>
        <g class="mountain1 artLayer" fill="#B0708F">
          <path class="mountainOne" d="M2740 787V362.55l-29.17 3-9-10.92-14.22 2-37.56-20.58-88.85-20.7-88.32-17.5-27.33 3.84-10.95 13.3-22.7-8.58-45.35 6.37-87.27 21.68-75.83.02-13.2 36.3-31.3 27.12-47.3 25.8-12.6 10.8-35.07-7.8-42.83-36.85-72.4-5.27-57.95 15.8-65.9-6.57-47.44 10.54-21.1-10.5-47.45 9.27-25.03 4.05-13.2 6.8-10.15 20.08h-13.56l-13.4 6.15-13.55 3.6-10.76-.1-2.63 8-10.14 2.64-7.58 9.2-19.74 9.24-27.67 1.34-10.54 9.24-23.73 2.68-23.73 10.64-19.77 8.03-15.9-7.46h-36.83L1370.1 496l-17.22 9.17h-61.9L1252.7 492h-18.38l-18.45-7.85-60.74-5.3h-14.4l-9.32-8.8h-15.73l-6.6-13.54-27.68-6.96-18.55-12.82h-15.72l-5.37-8.78h-10.45l-24.98-18.62-61.9-23.9-61.8-21.54h-20.08l-9.23 8.48-15.5-8.48h-33.3l-65.03 6.78-54.6-7.66-9.94 18.7-75.15-21.78-82.47 4.68-86.74-27.7-66.84.63-25.36-20.16-66.5-1.1-34.84-1.7-19.68 5.38-19.42 24.1-18.24-3.86-19.78 4.42-19.26.98-14.44-3.2-5.83 10-14.4.63-12.85 10.23-29.2 6.76-37.58-6.12-16.82 9.42L0 370.15V787z"></path>
        </g>
        <g class="mountain2 artLayer" fill="#9E6280">
          <path class="mountainTwo" d="M2104.88 512.2l-6.58 3.54-10.55 4.88-26.4-2.3h-10.5l-13.17 2.25-9.22 3.56-15.8 2.63-11.87-3.95-11.87-2.62-13.17-2.63-11.86 6.58-36.9 5.28-35.57-17.1-50.07 15.83-54.02-7.84-42.17-22.28-50.07 18.65-34.32-.97h-38.15l-17.13-8.3-34.26 14.1-23.7 1.3-18.46-6.57-29 2.64-46.1-1.3-19.77 9.22-21.07 10.54-19.77-5.2-22.4 2.74-21.08-5.05-22.04-4.48h-29.34l-7.9-7.14-19.77-9.76-19.77-3.84-23.72-3.73-10.18-11.5h-55.7l-8.84 7.9-27.28 10.5-16.58 2.1-7.9 1.53-7.57 4.3h-14.85l-11.86-6.87-13.5-4.04-7.6 2.65-10.2 2.98h-10.87l-10.43-3.9-11.97-7.2-14.5-5.04-11.95 2.1h-11.76l-9.22-4.57-11.86-11.13-13.18-1.3-10.54 6.58-14.5 6.6-7.9-5.2-15.8-3.84-13.2-5.04-8-7.56H849.2l-22.4 2.35-9.24-5.55-13.17-2.42-10.66-3.16H783.3l-21.2 5.97-8-5.88-10.77-11.85-58.52-4.9-28.1 11.1-21.96 12.6-29-3.52-30.5 6.97-23.35-24.2-36.98-27.62-86.65-7.78-19.7 17.98-13.67 8.16-28.7-16.58-15.14-2.94-16.55 2.6-19.95.57-15.3 7.24-31.7-10.5-15.15-2.94-14.23 11.14-20.86 5.23-24.27 2.35-13.27 7L161 426.6l-13.02-14.67-19.58-1.4-21.05 16.43-14.96 5.48-17.08-3.3L58.7 422l-22.8 4.86-19.84 9.38L0 440.22V787h2740V370.3l-46.37 14.06-42.74 5.75-23.6 18.15-34.6 6.17-55.3-12.45-20.96 20.67-54.73 13.64-48.8 13.98-80-14.8-50.76 54.14-74.08 33.08-78.75-9.84z"></path>
        </g>
        <g class="mountain3 artLayer" fill="#81476D">
          <path class="mountainThree" d="M2740 787V324l-77 34-110-48-102 134-175 18-94-38-53 18.93-15.36-4.9-8.77-6.57-5.27-5.25-17.14 2.67-9.23 5.3-40.87 1.42-11.86-3.76-7.9-2.24-15.83 4.38h-10.55l-9.23-9.82-6.6-5.87-9.23-1.33-6.6 3.95-11.86 11.85-17.13-3.95-26.37-6.6-19.77 22.4-52.74-10.54-14.5-3.95-13.2-13.16-31.63-9.2-18.46 7.88-6.58-2.63-14.5-3.95-9.23 1.32-5.3 1.3-6.58 3.97-6.6 7.92-5.26 10.56-6.6 10.6-6.6 13.32-3.94 10.84-3.96 9.82-13.18-7.2-6.6-7.18-6.6-2.63-6.58-1.32-3.95-2.62-5.28-1.32-9.22 5.27-7.9 9.2-6.6 5.28-6.6 2.64-6.6 3.95-5.26 5.25-5.3 6.58-6.58 6.6-10.55 9.2-6.6 1.33-10.53 3.96-13.2 7.93-29 9.37-14.5 17.34-14.5.34-10.54 2.24-21.1 2.24-10.54-5.26-14.5-2.64-21.1 2.64-17.14-3.95-14.5-17.1-22.4-9.23-7.92-11.84-23.74-6.6-17.13 3.96-14.5 3.95-9.23 7.9-5.28 9.22-17.14 3.95-21.1-2.63-10.54-2.63-6.6 5.27-9.22-3.95-9.23-2.63-5.28-2.64-7.9 5.26-5.28-2.63-9.23-5.28-5.26 3.95-13.2-10.53-11.85-9.2-9.24-9.22-7.9-10.54-18.47-11.84-9.24-1.32-11.86 6.58-21.1-6.58-10.54-7.9-10.55 7.9-6.58-3.95-5.28 2.64-5.27 2.64-13.18 6.58-14.52 3.95-9.22-7.9-9.23-6.57-18.46-7.9-14.5-1.3-7.9 7.93-14.5 7.95-17.15-3.84-14.5-9-26.48-4.9h-42.08l-11.87-10.28-21.1 9.5-14.5-7.9-10.54-6.6-11.86-1.95-6.58 3.32-21.07-3.26-21.03-3.2-15.7 6.72-21.45 26.8-29.88 8-36.05 10.44-22.83-10.43L551 434l-68 1-110 2-41 21h-71l-32-28-68-16-102-10H0v383z"></path>
        </g>
        <g class="forest1 artLayer" fill="#683D66">
          <path class="forestOne" d="M0 787V582.75l12.22-7.37 3.86 12.35 5.96-11.84 1.54 5.55 3.44-5.36 3 11.04 5.86-10.8 5.24 7.7 6.53-7.6 5.16 8.6 7.6-8.78 4.02 10.6 6.8-10.96 5.34 6.1 4.48-6.62 4.66 2.84 5.17-3.53 4.57 3.76 5.26-4.63 4.65 2.6 4.2-3.53 3.5 4.67 4.37-5.6 5.26 6.3 5.47-7.78 4.45 4.23 5.28-5.77 5.1 7.1 5.94-6.92 4.37 4.5 2.15-3.4 4.1 3.95 2.8-2.82 2.67-4.57 2.2 2.6 2.63-7.44 4.6 4.85 4.76-9.22 4.78 6.74 4.36-12 4.4 9.64 4.38-7.53 4.42 5.33 4.38-8.47 4.45 6.4 4.37-14.12 4.48 12.24 5.27-11.54 5.35 9.5 4.43-6.6 3.6 5.2 4.45-5.6 4.48 4.2 3.56-10.33 4.52 9.2 4.45-6.5 4.5 5.4 4.46-10.44 4.52 9.5 6.23-11.58 5.42 10.6 4.5-5.35 3.6 4.8 3.62-5.23 3.62 4.87 4.5-10.27 4.5 9.96 4.52-5.17 4.5 5 4.52-10.14 4.5 10.13 4.52-7.02 4.5 7.2 4.52-11 4.5 11.3 1.85-4.96 2.72 5.18 3.63-9.86 4.5 10.35 5.4-6.6 5.35 7.46 5.4-7.46 6.24 8.63 4.5-9.36 5.34 10.56 5.38-5.14 3.57 6.4 4.47-2.24 4.45 3.65 4.47-3.08 4.43 4.66 4.46-2 3.54 3.55 3.58-3.98 3.54 5.47 5.3-5.34 4.4 7.55 4.4-3.52 4.36 5.7 5.23-6.1 5.1 7.13 4.14-4.08 2.2 4.28 3.55-4.28 4.27 11.18 3.86-5.15 3 9.14 3.87-4.2 4.2 3.53 4.65-2.6 5.26 4.63 4.57-3.77 5.17 3.54 4.66-2.85 4.48 6.6 5.35-6.1 6.78 10.98 4.02-10.6 7.6 8.78 5.15-8.6 6.53 7.58 5.24-7.7 5.85 10.82 3-11.05 3.45 5.37 1.54-5.56 5.96 11.84 3.86-12.35 5.57 7.36 4.23-8.05 5.86 10.6 3.93-11.45 5.38 5 4.4-6.03 5.85 10.4 3.9-11.6 4.4 4.95 3.43-6.03 4.4 4.87 4.36-6.2 6.88 10.97 5.66-13.16 5.82 9.88 3.84-11.75 5.4 5.43 4.23-7.48 5.77 9.56 2.88-11.55 5.27 4.1 4.3-6.48 4.4 5.28 4.18-7.56 6.72 9.8 4.63-13.04 6.03 12.87 3.4-15.76 5.44 6.56 3.96-9.6 5.3 5.35 4.04-8.58 5.7 10.06 3.6-13.45 5.8 6.86 4.3-10.5 5.46 4.85 2.14-8.34 2.64 2.62 2.57-6.28-.23-2.73 2.92 2.8 4-7.92 4.77 6.74 4.37-12 4.4 9.64 4.38-7.53 4.42 5.33 4.38-8.47 4.44 6.4 4.37-14.12 4.48 12.24 5.27-11.54 5.36 9.5 4.43-6.6 3.6 5.2 4.45-5.6 4.5 4.2 3.54-10.33 4.5 9.2 4.46-6.5 4.5 5.4 4.46-10.44 4.53 9.5 6.23-11.58 5.42 10.6 4.5-5.35 3.6 4.8 3.62-5.23 3.63 4.87 4.5-10.27 4.5 9.96 4.52-5.17 4.5 5 4.52-10.14 4.5 10.13 4.5-7.02 4.5 7.2 4.53-11 4.5 11.3 1.85-4.95 2.72 5.17 3.63-9.86 4.48 10.35 5.42-6.6 5.36 7.46 5.4-7.46 6.24 8.63 4.52-9.36 5.33 10.56 5.38-5.14 3.56 6.4 4.5-2.24 4.45 3.65 4.47-3.08 4.44 4.66 4.46-2 3.55 3.55 3.58-3.98 3.54 5.48 5.3-5.35 4.38 7.55 4.4-3.52 4.37 5.7 4.35-6.08 5.97 8 4.14-4.96 4.15 9.98 4.57-3.72 2.78 15.73 5.47-4.84 4.28 10.5 5.82-6.87 3.6 13.45 5.7-10.06 4.03 8.6 5.3-5.37 3.96 9.6 5.43-6.54 3.4 15.77 6.02-12.87 4.63 13.03 6.72-9.8 4.2 7.57 4.4-5.28 4.28 6.5 5.27-4.13 2.88 11.54 5.77-9.56 4.22 7.48 5.4-5.43 3.84 11.75 5.82-9.87 5.66 13.17 6.9-10.98 4.36 6.2 4.4-4.86 3.4 6.03 4.4-4.95 3.92 11.6 5.85-10.4 4.4 6.03 5.38-5 3.93 11.44 5.86-10.6 4.23 8.06 5.57-7.37 3.86 12.34 5.96-11.83 1.54 5.57 3.44-5.36 3 11.06 5.86-10.82 5.24 7.7 6.53-7.6 5.16 8.62 7.6-8.78 4.02 10.6 6.8-10.97 5.34 6.1 4.48-6.6 4.66 2.84 5.17-3.53 4.57 3.78 5.26-4.64 4.65 2.6 4.2-3.52 3.5 4.66 4.37-5.6 5.26 6.3 5.47-7.78 4.45 4.25 5.28-5.77 5.1 7.1 5.94-6.93 4.37 4.5 2.15-3.4 4.1 3.96 2.8-2.8 2.67-4.57 2.2 2.6 2.63-7.45 4.6 4.85 4.76-9.24 4.78 6.74 4.36-12 4.4 9.64 4.38-7.53 4.42 5.32 4.38-8.47 4.45 6.43 4.37-14.14 4.48 12.24 5.27-11.54 5.35 9.48 4.43-6.57 3.6 5.2 4.45-5.6 4.48 4.18 3.56-10.32 4.52 9.2 4.45-6.5 4.5 5.4 4.46-10.44 4.52 9.5 6.23-11.58 5.42 10.58 4.5-5.34 3.6 4.8 3.62-5.23 3.62 4.87 4.5-10.28 4.5 9.96 4.52-5.15 4.5 5 4.52-10.14 4.5 10.15 4.52-7.03 4.5 7.18 4.52-10.97 4.5 11.3 1.85-4.97 2.72 5.18 3.63-9.87 4.5 10.36 5.4-6.62 5.35 7.47 5.4-7.46 6.24 8.65 4.5-9.37 5.34 10.57 5.38-5.15 3.57 6.4 4.47-2.22 4.45 3.64 4.47-3.08 4.43 4.65 4.46-2.02 3.54 3.57 3.58-3.98 3.54 5.47 5.3-5.34 4.4 7.54 4.4-3.52 4.06 5.3 5.53-5.7 5.1 7.13 4.14-4.08 2.15 4.2 2.27-3.2 1.33-1 4.27 5.12v1.33l4.13-3.94 5.47 7.77 5.26-6.3 4.36 5.6 3.5-4.67 4.2 3.54 4.66-2.6 5.26 4.62 4.57-3.77 5.17 3.52 4.66-2.84 4.48 6.6 5.35-6.08 6.78 10.96 4.02-10.6 7.6 8.8 5.15-8.63 6.53 7.6 5.24-7.7 5.85 10.8 3-11.04 3.45 5.35 1.54-5.56 5.96 11.83 3.86-12.35 5.57 7.37 4.23-8.06 5.86 10.58 3.93-11.44 5.38 5 4.4-6.03 5.85 10.4 3.9-11.6 4.4 4.95 3.43-6.03 4.4 4.88 4.36-6.23 6.88 10.98 5.66-13.16 5.82 9.87 3.84-11.76 5.4 5.44 4.23-7.47 5.77 9.55 2.88-11.54 5.27 4.1 4.3-6.48 4.4 5.3 4.18-7.58 6.72 9.8 4.63-13.04 6.03 12.88 3.4-15.77 5.44 6.55 3.96-9.62 5.3 5.37 4.04-8.6 5.7 10.06 3.6-13.45 5.8 6.88 4.3-10.48 5.46 4.83 2.14-8.34 2.64 2.6 2.57-6.28-.23-2.72 2.92 2.77 4-7.9 4.77 6.74 4.37-12 4.4 9.65 4.38-7.53 4.42 5.32 4.38-8.47 4.44 6.43 4.37-14.14 4.48 12.25 5.27-11.53 5.36 9.5 4.43-6.6 3.6 5.2 4.45-5.6 4.5 4.2 3.54-10.34 4.5 9.2 4.46-6.5 4.5 5.4 4.46-10.44 4.53 9.48 6.23-11.57 5.42 10.6 4.5-5.35 3.6 4.8 3.62-5.23 3.63 4.87 4.5-10.3 4.5 9.98 4.52-5.16 4.5 5 4.52-10.14 4.5 10.14 4.5-7.02 4.5 7.18 4.53-10.98 4.5 11.3 1.85-4.97 2.72 5.18 3.63-9.85 4.48 10.35 5.42-6.62 5.36 7.47 5.4-7.46 6.24 8.62 4.52-9.37 5.33 10.57 5.38-5.14 3.56 6.4 4.5-2.23 4.45 3.64 4.47-3.1 4.44 4.67 4.46-2 3.55 3.55 3.58-3.98 3.54 5.47 5.3-5.33 4.38 7.55 4.4-3.53 4.37 5.7 4.35-6.1 5.97 8 4.14-4.96 3.43 7 .72 2.98 2.57 6.28 2.64-2.6 2.14 8.33 5.47-4.83 4.28 10.48 5.82-6.87 3.6 13.46 5.7-10.05 4.03 8.6 5.3-5.37 3.96 9.62 5.43-6.56 3.4 15.76 6.02-12.88 4.63 13.04 6.72-9.8 4.2 7.57 4.4-5.3 4.28 6.5 5.27-4.12 2.88 11.54 5.77-9.55 4.22 7.47 5.4-5.43 3.84 11.77 5.82-9.88 5.66 13.15 6.9-10.98 4.36 6.23 4.4-4.88 3.4 6.03 4.4-4.94 3.92 11.6 5.85-10.4 4.4 6.04 5.38-5 3.93 11.44 5.86-10.6 4.23 8.07 5.57-7.37 3.86 12.35 5.96-11.84 1.54 5.55 3.44-5.36 3 11.04 5.86-10.8 5.24 7.7 6.53-7.6 5.16 8.6 7.6-8.78 4.02 10.6 6.8-10.96 5.34 6.1 4.48-6.62 4.66 2.84 5.17-3.53 4.57 3.76 5.26-4.63 4.65 2.6 4.2-3.53 3.5 4.67 4.37-5.6 5.26 6.3 5.47-7.78 4.45 4.23 5.28-5.77 5.1 7.1 5.94-6.92 4.37 4.5 2.15-3.4 4.1 3.95 2.8-2.82 2.67-4.57 2.2 2.6 2.63-7.44 4.6 4.85 4.76-9.22 4.78 6.74 4.36-12 4.4 9.64 4.38-7.53 4.42 5.33 4.38-8.47 4.45 6.4 4.37-14.12 4.48 12.24 5.27-11.54 5.35 9.5 4.43-6.6 3.6 5.2 4.45-5.6 7.67 4.2V787z"></path>
        </g>
        <g class="forest2 artLayer" fill="#593656">
          <path class="forestTwo" d="M595.02 786.87H2118v.23l622-.1V553l-11.7 20.53-1-19.87-6.72 11.6-7.63-15.96-9.93 14.12-10.26-18.58-9.05 14.12-9.56-18.4-10.03 8.68L2654 531.9l-9.78 10.2-9.24-18.2-11.54 11.94-10.3-24.87-8.08 20.13-11.4-12-7.92 15.7-12.27-12-7.92 15.72-10.94-13.82-8.74 15.75-7.34-20.57-5.4 10.72-5.4-4.17-10.25 14.02-6.73-20.16-8.5 20.16-8.47-14.03-8.5 14.02-8.48-14.02-8.5 14.02-8.5-14.02-8.47 14.02-7.8-14-11.73 12.14-7.33-15.57-12.28 12.05-7.34-15.56-12.27 12.06-7.53-15.6-16.6 12-12.8-15.8-16.46 12-12.8-15.8-16.45 12-13.47-15.87-10.94 14.96-12.47-13.02-10.1 14.92-12.48-13.03-10.17 14.93-12.58-12.6-12.3 14.1-10.53-12.8-5.27 12.8-14.05-17.2-6.14 17.2-10.54-17.2-9.66 17.2-11.4-17.2-7.03 21.96-11.83-16.05v-1.73l-.42 1.16-.04-.06-6.17 11.43-4.8-11.06-4.55 14.3-6.1-13.7-4.64 14.3-6.3-13.7-5.28 14.55-7.7-13.4-5.17 14.57-7.7-13.4-5.17 14.57-6.76-13.42-8 12.74-10.97-14.97-8.94 12.63-3.94-14.97-8.95 12.64-5.23-15.08-9.6 15.28-12.3-12.6-8.78 15.23-19.32-12.6-4.4 15.23-8.62-12.47-11.17 21.33-5.98-10.97-8.46 10.95-3.1-14.96-6.56 10.27-5.72-14.95-7.45 10.28-4.12-12.06-6.57 10.72-7.14-13.73-6.05 14.3-7.13-13.7-4.28 14.3-8.73-13.66-10.47 16.44-9.55-11.1-10.06 16.37-12.18-11.1-10.05 16.36-12.45-13.7-9.82 19.1-10.4-10.52-9.5 16.38-10.4-10.53-9.5 16.38-10.32-10.56-8.57 15.87-9.77-10.34-7.8 15-9.76-10.33-7.8 15.02-7.14-11.23-8.03 15.3-6.63-11.78-6.25 15.27-9.26-15.28-3.62 18.78-9.58-7.53-4.84 10.22-8.37-7.96-5.4 9.43-7.5-9.7-6.26 11.16-7.18-8.87-8.4 7.9-2.96-15.16-9.63 12.1-2.95-15.17-9.62 12.1-3.8-15.32-7.4 13.98-6.6-14.03-6.58 14.03-6.6-14.03-6.57 14.03-6.1-14-9.26 12.96-6.17-10.52-9.65 8.54-6.16-9.64-3.5 7.67-6.28-14.77-7.4 11.3-6.45-14.97-6.73 10.94-6.44-14.95-6.72 10.94-2.97-9.36-2.36 9.46-6.76-7.74-4.36 11.68-5.86-7.74-5.25 11.7-6.53-18.56-6.65 20.92-5.27-10.52-5.27 10.52-5.25-11.4-5.27 11.4-5.26-19.28-6.44 19.28-7.32-14.9-5.56 14.9-6.44-18.4-6.44 18.4-8.2-13.97-4.7 12.3-5.52-19.13-6.77 14.68-5.52-14.75-5.88 12.05-4.03-17.7-2.84 17.8-7.18-18.6-4.82 21.14-5.4-9.8-6.6 12.36-7.4-19.6-7.43 19.44-5.02-11.5-6.38 8.73-5.9-12.4-5.5 9.62-9.47-23.95-7.46 22.76-7.63-14.02-7.6 14.03-7.6-14.02-7.62 14.03-10.26-13.97-6.72 11.6-7.63-15.96-9.93 14.13-10.26-18.58-9.05 14.12-9.56-18.4-10.03 8.68-10.12-17.34-9.78 10.2-9.24-18.22-11.54 11.95-10.3-24.86-8.08 20.14-11.4-12-7.92 15.7-12.27-12-7.92 15.7-10.94-13.8-8.74 15.75-7.34-20.57-5.4 10.7-5.4-4.15-10.25 14.03-6.73-20.16-8.5 20.16-8.47-14.03-8.5 14.03-8.48-14.03-8.5 14.03-8.5-14.03-8.47 14.03-7.8-14-11.73 12.13-7.33-15.56-12.28 12.06-7.34-15.56-12.27 12.05-7.54-15.6-16.58 12-12.82-15.8-16.45 12-12.8-15.8-16.45 12-13.47-15.86-10.94 14.94-12.47-13.03-10.1 14.94-12.48-13.03-10.17 14.94-12.58-12.6-12.3 14.1-10.53-12.8-5.27 12.8-14.05-17.2-6.14 17.2-.28-.46-3.73-9.43-.7 2.18-5.83-9.5-9.66 17.2-11.4-17.2-7.03 21.96-12.3-16.68-9.9 18.34-5.68-11.9-9.93 14.14-10.26-18.58-9.05 14.12-9.56-18.4-10.03 8.68L511 501.68l-9.78 10.2-9.24-18.22-11.54 11.95-10.3-24.86-8.08 20.14-11.4-12-7.92 15.7-12.27-12-7.92 15.7-10.94-13.8-8.74 15.75-7.34-20.57-5.4 10.7-5.4-4.15-10.25 14.03-6.73-20.16-8.5 20.16-8.47-14.03-8.5 14.03-8.48-14.03-8.5 14.03-8.5-14.03-8.47 14.03-7.8-14-11.73 12.13-7.33-15.56-12.28 12.06-7.34-15.56-12.27 12.05-7.54-15.6-16.58 12-12.82-15.8-16.45 12-12.8-15.8-16.45 12-13.47-15.86-10.94 14.94-12.47-13.03-10.1 14.94-12.48-13.03-10.17 14.94-12.58-12.6-12.3 14.1-10.53-12.8-5.27 12.8-14.05-17.2-6.14 17.2-10.54-17.2-9.66 17.2-11.4-17.2L0 499.28V787h595l.02-.13z"></path>
        </g>
        <g class="forest3 artLayer" fill="#482B47">
          <path class="forestThree" d="M1121.93 639.3l8.9-14.78 9 14.47 7.7-14.2 7.96 13.9 10.12-18.57 11.2 17.68 10.57-27.02 9.6 25.57 7.95-16.5 11.38 15.04 6.42-16.45 6.4 12.44 7.32-18.47 8.78 14.95 8.2-17.58 10.53 11.44 8.36-25.66 11.35 21.26 6.66-12.73 9.72 15.08 10.18-12.73 6.2 15.07 9.8-12.78 11.8 14.6 12.5-19.6 12.97 20.76 8.98-13.44 12.1 14.62 9.33-13.45 6.03 12.75 6.36-14.97 7.98 12.64 5.47-14.97 6.23 12.63 6.5-24.74 7.8 24.25 5.56-16.04 9.67 17.22 7.3-13.42 9.67 14.6 5.63-14.3 9.3 15.6 6.57-13.25 9.24 14.72 7.44-20.27 8.36 21.73 7.12-13.27 9.33 14.05 7-14.05 8.8 14.05 6.14-18.43 9.66 18.43 5.92-9.66 8.1 9.18 4.45-12.68 6.66 11.8 7.1-19.7 11.93 18.83 7.46-17.1 8.8 16.68 9.52-13.15 13.03 13.16 7.75-19.3 13.9 19.3 9.36-12.92.3-.8 9.63 25.57 7.95-16.5 11.38 15.04 6.42-16.45 6.4 12.44 7.32-18.47 8.78 14.95 8.2-17.58 10.53 11.44 8.36-25.66 11.35 21.26 6.66-12.73 9.72 15.08 10.18-12.73 6.2 15.07 9.8-12.78 11.8 14.6 12.5-19.6 12.97 20.76 8.98-13.44 12.1 14.62 9.33-13.45 6.03 12.75 6.36-14.97 7.98 12.64 5.47-14.97 6.23 12.63 6.5-24.74 7.8 24.25 5.56-16.04 9.67 17.22 7.3-13.42 9.67 14.6 5.63-14.3 9.3 15.6 6.57-13.25 9.24 14.72 7.44-20.27 8.36 21.73 7.12-13.27 9.33 14.05 7-14.05 8.8 14.05 6.14-18.43 9.66 18.43 5.92-9.66 8.1 9.18 4.45-12.68 6.66 11.8 7.1-19.7 11.93 18.83 7.46-17.1 8.8 16.68 9.52-13.15 13.03 13.16 7.75-19.3 13.9 19.3 9.52-13.14v2.96l8.7 10.97 8.88-14.78 9 14.47 7.72-14.2 7.95 13.9 10.12-18.57 11.2 17.68 10.57-27.02 9.6 25.57 7.95-16.5 11.38 15.04 6.42-16.45 6.4 12.44 7.32-18.47 8.78 14.95 8.2-17.58 10.53 11.44 8.36-25.66 11.35 21.26 6.66-12.73 9.72 15.08 10.18-12.73 6.2 15.07 9.8-12.78 11.8 14.6 12.5-19.6 12.97 20.76 8.98-13.44 12.1 14.62 9.33-13.45 6.03 12.75 6.36-14.97 7.98 12.64 5.47-14.97 6.23 12.63 6.5-24.74 7.8 24.25 5.56-16.04 9.67 17.22 7.3-13.42 9.67 14.6 5.63-14.3 9.3 15.6 6.57-13.25 9.24 14.72 7.44-20.27 8.36 21.73 7.12-13.27 9.33 14.05 7-14.05 8.8 14.05 6.14-18.43 9.66 18.43 5.92-9.66 8.1 9.18 4.45-12.68 6.66 11.8 7.1-19.7 11.93 18.83 7.46-17.1 8.8 16.68 9.52-13.15 13.03 13.16 7.75-19.3 13.9 19.3 6.28-13.14V787h-565.68l-530.54-.13h-531.1l-557.22.13H0V657.1l5.6 12.14 8.9-14.77 9 14.48 7.73-14.2 7.95 13.9L49.3 650.1l11.2 17.7 10.57-27.05 9.62 25.57 7.94-16.5L100 664.84l6.43-16.43 6.4 12.45 7.32-18.46 8.8 14.94 8.17-17.58 10.55 11.43 8.35-25.66 11.36 21.25 6.66-12.74 9.72 15.07 10.18-12.73 6.2 15.07 9.8-12.77 11.8 14.6 12.5-19.6 12.97 20.76 9-13.44 12.08 14.6 9.33-13.44 6.04 12.76 6.36-14.98 7.98 12.64 5.48-14.98 6.23 12.64 6.47-24.75 7.82 24.27 5.55-16.05 9.66 17.22 7.32-13.42 9.67 14.6 5.6-14.3 9.32 15.6 6.56-13.26 9.24 14.72 7.44-20.27 8.37 21.74 7.12-13.27 9.32 14.03 7.03-14.04 8.78 14.04 6.14-18.43 9.66 18.43 5.92-9.65 8.1 9.2 4.45-12.7 6.66 11.8 7.1-19.7 11.94 18.84 7.46-17.1 8.82 16.67 9.5-13.17 13.03 13.17 7.76-19.3 13.9 19.3 4.03-5.57 5.08-8.43 9 14.48 7.73-14.2 7.95 13.9 10.12-18.57 11.2 17.7 10.57-27.05 9.62 25.57 7.94-16.5L650 650.84l6.43-16.43 6.4 12.45 7.32-18.46 8.8 14.94 8.17-17.58 10.55 11.43 8.35-25.66 11.36 21.25 6.66-12.74 9.72 15.07 10.18-12.73 6.2 15.07 9.8-12.77 11.8 14.6 12.5-19.6 12.97 20.76 9-13.44 12.08 14.6 9.33-13.44 6.04 12.76 6.36-14.98 7.98 12.64 5.48-14.98 6.23 12.64 6.47-24.75 7.82 24.27 5.55-16.05 9.66 17.22 7.32-13.42 9.67 14.6 5.6-14.3 9.32 15.6 6.56-13.26 9.24 14.72 7.44-20.27 8.37 21.74 7.12-13.27 9.32 14.03 7.03-14.04 8.78 14.04 6.14-18.43 9.66 18.43 5.92-9.65 8.1 9.2 4.45-12.7 6.66 11.8 7.1-19.7 11.94 18.84 7.46-17.1 8.82 16.67 9.5-13.17 13.03 13.17 7.76-19.3 13.9 19.3 6.92-12.5v-.82z"></path>
        </g>
        <g class="foreground artLayer">
          <g class="grove">
            <path fill="#2D253A" d="M1776 599l-37 1h-49l-30 3-21 2-21 9-67 19-11-1-14 8-10 1-17 7-15-2-8 5-9-2-6 4h-9l-12 5-9 6-9 4-1 6-9 2h-11l-9 7-15 5h-25l-10-3-4 3-5-5-14-8-8 1-9 6-6-6-9-1-7-6-1-5-24-7-5-4h-11l-10 10-12 2-11-15h-14l-10-8h-9l-6 9-17-16-10-1-55-22-12-12-74 2-63-10-20.76-1.25.16-5.45 34.86 5.37 94.56-14.03-20.64-23.96-18.4-30.84 14.28-1.94-17.38-20.86-15.68-27.4 28.32-3.83-16.62-19.94-19.7-34.4 21.3-5.6L978.06 369 961.35 350l-7.17-30.74-16.78-17.63 4.02-14.93-11.05-18.4-5.9-11 12.7-1.12-18.63-34.77-18.38-23.88-12.58 14.93-14.84 22.88-7.13 18.52 9.56 1.76-10.2 14.78-10.4 27.6 8.58 1.86-16.25 23.5-11.5 23.7 10.58 1.6-18.37 25.7-20.9 40.72 22.87 2.32-14.03 25.6-5.97 17.66-10.65-12.78-19.7-34.4 21.3-5.6L778.3 369 761.58 350l-7.18-30.74-16.78-17.63 4.02-14.93-11.05-18.4-5.92-11 12.72-1.12-18.63-34.77-18.38-23.88-12.6 14.93-14.84 22.88-7.13 18.52 9.56 1.76-10.22 14.78-10.4 27.6 8.58 1.86-16.25 23.5-11.48 23.7 10.58 1.6-9.03 12.65-6.86-13.87-16.77-17.63 4.02-14.93-11.05-18.4-5.9-11 12.7-1.12-18.62-34.76-18.38-23.9-12.6 14.92-14.83 22.88-7.13 18.53 9.56 1.75-10.2 14.77-2.6 6.87-13.25-17.22-12.6 14.93-6.4 9.87-14.17-14.9 4.02-14.92-11.05-18.4-5.9-11 12.7-1.12-18.62-34.77-18.38-23.9-12.6 14.93-14.83 22.88-7.13 18.53 9.54 1.75-10.2 14.78-10.2 27.1-9.55-13.78 8.04-1.76-9.75-25.83-9.58-13.84 8.96-1.64-6.68-17.35-13.9-21.43-11.8-13.97-17.23 22.37-17.46 32.55 11.93 1.04-5.54 10.3-10.37 17.23-1 3.68-11.92-18.68-9.88-11.72-14.44 18.75-3.75 7-10.63-20.66-27.58-38.54 15.9-2.44-17.26-35.54-24.4-35.24 12.9-2.8-15.63-41.4-15.3-22.15 14.33-2.63-10.7-27.8-22.28-34.3-18.9-22.4-27.6 35.84L110.44 69l19.1 1.66-8.9 16.5-16.58 27.6-5.62 21 11.66 1.4-25.2 26.45-7.54 15.24L55.2 144.7l-18.9-22.4L0 158.14V1024h2740V202.28l-19.37-32.36 11.84-2.58-14.35-38-14.07-20.34 13.17-2.42-9.83-25.5-20.47-31.52L2669.57 29l-25.34 32.9-25.7 47.9 17.54 1.53-8.15 15.14-15.24 25.35-5.16 19.28 10.7 1.28-23.13 24.3-20.5 41.33 10.6 1-9.12 10.37-11.22-18.65-6.16-11.45 13.26-1.16-19.42-36.18-19.16-24.86-13.1 15.53-15.48 23.8-7.43 19.3 9.96 1.82-6.5 9.42-2.4-8.87-10.74-17.88-5.76-10.7 12.37-1.08-18.1-33.77-17.88-23.2-12.24 14.5-14.43 22.22-6.93 18 9.3 1.7-9.94 14.35-10.12 26.8 8.35 1.82-15.8 22.8-11.16 23.03 10.28 1.58-14.34 20.04-2.4-4-5.13-9.52 11.04-.97-16.18-30.13-15.95-20.7-10.93 12.93-12.88 19.83-6.2 16.06 8.3 1.5-8.95 13.1-3.5-7.25-11.77-17-1.32-21.3-7.38-10.7 1.76-14.66-10.75-16.56-9.1-10.8-13.32 17.28-13.48 25.15 9.2.8-4.27 7.96-8 13.32-2.7 10.13-3.13 9.85-2.1-7.83-10.58-17.62-5.67-10.52 12.18-1.07-17.84-33.3-17.6-22.86-12.06 14.3-14.22 21.9-6.82 17.72 9.15 1.68-9.78 14.15-9.96 26.4 8.23 1.78-15.57 22.5-11 22.67 10.13 1.56-17.6 24.6-3.5 6.77-5.33-7.72-1.23-19.9-6.9-9.96 1.64-13.7-10.02-15.45-8.5-10.07-12.43 16.13-12.6 23.48 8.6.75-4 7.42-7.45 12.43-2.53 9.45-6.1 12.53-16.94-23.5 8.57-1.86-10.38-27.52-10.2-14.74 9.54-1.75-7.12-18.5-14.8-22.8-12.58-14.9-18.35 23.83-18.6 34.68 12.7 1.13-5.9 10.96-11.04 18.35-3.16 11.78-11.42-23.53-16.22-23.44 8.57-1.86-10.4-27.52-10.17-14.74 9.53-1.75-7.12-18.5-14.82-22.8-12.56-14.9-18.35 23.83-18.6 34.68 12.7 1.13-5.9 10.96-11.04 18.35-3.73 13.97-9 18.5-14.82 29.96-9 19.7-2.15 3.7-7.02-18.6-7.6-11 1.8-15.12L1806.1 310l-9.4-11.13-13.7 17.8-13.9 25.94 9.48.84-4.4 8.2-8.25 13.72-2.8 10.44-6.72 13.84-11.08 22.38-6.73 14.7-16.62 28.97 16.86 2.7-15.66 27.12-12.4 14.88 21.13 2.86-11.7 20.42-12.96 15.56 10.66 1.44-13.73 23-15.4 17.86 70.56 10.46 26-4 .3 9.84L1776 599zm25.87-3.12l57-6.87-3.5-.5-30.3 4.17-23.2-5.33v8.54zm-908.63-6.46v-5L876 588.37l17.24 1.04z"></path>
            <g class="accentLight" fill="#F8C083">
              <path d="M637.22 361.4l-6.9-13.97-11.98-12.57 9.5 14.45 6.86 15.48 2.52-3.38zm-19.67-46.53l-14.42-25 11.93 25.58 2.13 8.65-1.64 3.1-10.1 2.9 8.07-.3 7.77-.93m-45-103.18l17.08 25.84 13.25 27.22-1.72 4.1-11.15 3.6 19.55-2.1-18.62-34.78M807.68 504.7l-4.75-5.68-13.53-23.8 11.62 24.56 5.7 7.4.96-2.48zm-23.94-32.58l22.95-3.1 3-8.2-10.78-12.96-18.35-32.04 16.85 35.33 8.92 11.13-1.7 4.16-20.9 5.68zm-12.24-59.6l29.03-4.67L778.28 369l-11.33-12.9 9.5 15.88 15.5 29.7-2.22 4.35M751 351.75l18.25-2.47-14.85-30.02-11.97-12.58 9.5 14.45 10.3 23.24-1.5 3.67m-19.1-61.34l-14.4-25 11.92 25.58 2.13 8.65-1.63 3.1-10.1 2.9 8.07-.3 7.77-.93m-45-103.18l17.07 25.84 13.26 27.23-1.73 4.1-11.16 3.58 19.55-2.1-18.63-34.77M1021.7 554.72l13.36 16.33-1.83 4.62-15.24 4.83 9.9-1.5 16.92-2.36-20.64-23.96-14.78-24.77m-7.38-5.56l18.1-2.48-17.4-20.84-13.54-23.8 11.6 24.56 12.15 15.76-1.76 3.13m-27.65-46.55l31.8-4.3-16.62-19.96-18.35-32.04 16.85 35.33 8.92 11.13-1.7 4.16m-33.14-53.92l29.03-4.67L978.06 369l-11.32-12.9 9.5 15.88 15.5 29.7-2.23 4.35m-38.7-54.28l18.23-2.47-14.85-30.02-11.97-12.58 9.5 14.45L962 344.37l-1.5 3.67m-19.1-61.34l-14.42-25 11.93 25.58 2.13 8.65-1.64 3.1-10.1 2.9 8.08-.3 7.77-.93m-45-103.18l17.08 25.84 13.25 27.23-1.72 4.1-11.16 3.58 19.55-2.1-18.63-34.77M1977.65 334.25l14.4-24.93-11.9 25.52-2.14 8.62 1.65 3.1 10.08 2.9-8.06-.32-7.75-.92m44.92-102.92l-17.05 25.78-13.24 27.16 1.72 4.1 11.14 3.57-19.52-2.1 18.6-34.67M1826.45 378l2.2-3.83 2.35-.17-.94-2.3 2.08-3.64 11.3-12.86-9.5 15.82-5.3 10.15-2.2-3.18zm32.9-27.16l-18.2-2.46 14.83-29.95 11.94-12.54-9.47 14.4-10.3 23.18 1.5 3.66m19.06-61.2l14.4-24.92-11.9 25.52-2.13 8.62 1.63 3.1 10.1 2.9-8.07-.32-7.76-.92M1909.9 197l-17.06 25.78-13.23 27.16 1.73 4.1 11.14 3.57-19.52-2.1 18.6-34.67M1706 565.2l-9.95 12.18 1.36 3.44 11.4 3.6-7.4-1.1-12.64-1.78 15.4-17.86 11.04-18.47m5.5-4.14l-13.5-1.85 13-15.53 10.1-17.74-8.68 18.3-9.06 11.76 1.3 2.32m20.65-34.7l-23.73-3.22 12.4-14.88 13.7-23.88-12.57 26.34-6.66 8.3 1.28 3.1m24.72-40.2l-21.66-3.5 16.6-28.94 8.46-9.62-7.1 11.83-11.56 22.14 1.67 3.23m28.88-40.47l-13.6-1.84 11.08-22.38 8.93-9.38-7.07 10.78-7.7 17.32 1.1 2.74m14.26-45.74l10.76-18.63-8.9 19.07-1.6 6.44 1.23 2.32 7.55 2.16-6.03-.23-5.8-.7m33.6-76.93l-12.76 19.27-9.9 20.3 1.3 3.06 8.32 2.67-14.6-1.56 13.9-25.92"></path>
            </g>
          </g>
          <g class="walkway">
            <path class="step" fill="#2F263C" d="M1993.7 704.18h15.62l5.68 2.1V753h-4.97l-12.74-.35-7.86-46.38"></path>
            <path class="step" fill="#30283E" d="M1958.2 700.6l15.62 1.14 11.06 13.1 4.56 32.93-9.1 4.88-11.73-4.88-10.4-37.6"></path>
            <path class="step" fill="#322941" d="M1935.95 700.6l14.17 1.28 14.1 45.54-16.2-1.47-7.7-4.85-8.08-37.25"></path>
            <path class="step" fill="#332B43" d="M1909.27 693l14.82 1.66 9.84 48.72-5.24.93-18.7-2.07-4.65-6.06 1.32-39.2"></path>
            <path class="step" fill="#352C45" d="M1884.04 687.78l17.52 3.9-3.14 50.22-18.67-1.22-5.93-6.4 6.2-41.05"></path>
            <path class="step" fill="#372D47" d="M1854.54 684.37l-9.9 48.5 7.17 6.18 13.83-1.1 8.06-38.76-1.24-14.97-14.48-2.92"></path>
            <path class="step" fill="#382F49" d="M1834.36 680.58l-23.08 43.54 1.48 6 6.32 1.82 12.9 1.57 5.47-5.56 11.27-43.4-1.96-5-7.9-1.86"></path>
            <path class="step" fill="#3A304C" d="M1814.46 675l-47.28 39.73-.22 4.88 28.98 3.4 8.8-5.9 23.75-36.2 1.87-5.9-9.42-2.9"></path>
            <path class="step" fill="#3B324E" d="M1725.33 706.27l63.2-40.45 9.93 2.1 9.94 3.48-59.64 43.24-19.17-3.5"></path>
            <path class="steps" fill="#3D3350" d="M1695.5 690.23l62.5-34.88 9.93.7 8.52 4.18-4.26 9.77-61.78 34.18-14.2-4.2m-34.8-16.78l68.2-35.5 11.36 1.42 7.8 6.3-68.2 36.17-14.9-.72m-29.95-19.7l53.04-27.66 14.7-3.68 16.83 7.37-68.95 34.9-10.1-2.17m-40.16-19l75.24-29.3 9.23.7 4.97 6.28-68.86 33.5-12.07-2.1m-21.3-13.25l74.55-24.4-.7-4.9-13.5-3.48-79.5 25.1v4.9m48.27-36.28l-7.8 2.08-54.7 15.26-2.82.78-7.1 2.8.7 6.97 12.8 2.08 76.67-24.4-2.13-4.2"></path>
            <path class="accentLight" fill="#F8C083" d="M1663.47 686.9l-2.05-3.7 68.2-35.5 6.94.87-7-.3-67.13 35.1m-23.22-6.67l-3.47-5.52 53.04-27.66 14.7-3.68 4.64 2.03-5.13-.58-13.97 3.8-51.23 26.3m-31.33-4.77l-5.35-5.7 75.24-29.3 7.57.58-7.36.82-72.5 27.96m-34.9-7.02v-4.88l79.52-25.1 8.5 2.18-8.64-.95-77.66 24.64m46.56-32.15l-65.32 18.12-7.1 2.8.72 6.5.8-5.54 5.93-3.15 18.92-4.6 12.35-3.85 21.73-5.76 10.55-3.27 10.74-.43"></path>
          </g>
          <g class="fox">
            <path class="foxBody" fill="#2D253A" d="M1691.7 643.88c-8.82-2.2-16.18-3.3-22.42-3.8-7.16-.6-13.26-.5-15.17 1.32-2.1 1.9.56 5.63-3.87 6.6-2.86.6-8.4.06-11.43.55-9.78-3.6-16.57-8.72-25.8-12.45-3.8-1.54-7.46-4.36-11.15-5.25 2.6 1.53 7.14 5 10.8 6.46 6.3 2.53 8.6 4.87 13.84 7.6.6.3 2.24 1.4 2.86 1.72 1.66 1.28 5.26 3.9 4.1 4.64-.22.12-3.1-.72-5.37-1.35-1.2-.4-2.4-.82-3.62-1.22-5-1.63-10.3-3.32-15.14-5.12-5.82-2.16-19.18-6.88-24.76-9.08-1.26-.1-.96.55.17 1.24 1.13.68 10.6 4.8 12.23 5.45 13.54 5.46 27.4 10.1 41.77 15.7 13.5 5.54 28.34 11.52 43.02 16.93-6.52-1.56-13.25-3.4-19.93-5.48-5.72-1.77-15.08-5.04-20.67-6.6-1.52-.4-1.9-.03.03.84 17.35 6.4 36 12.3 54.34 17.15 1.92.52 3.9 1.03 5.5 1.26 14.3 5.17 28.37 9.84 41.64 14.05 6.02 1.92 12.6 3.9 16.7 4.37 4.15.2-10.15-4.8-16.06-7 .52-1.07 1-2.15 1.5-3.23 5.67 1.53 11.2 2.92 16.55 4.14 2.44.57 5.23 1.04 4.37.2-.73-.7-3.56-1.77-5.9-2.6-17.78-6.37-35.23-12.6-52.36-18.63-1.18-.75-2.85-1.56-4.5-2.33-6.16-2.9-12.54-5.73-19.04-8.48 5.9 1.1 11.6 2.06 15.66 2.15 6.1.12 7.67-1.93 4.15-5.37-2.7-2.62-8.1-6.03-7.96-7.77.1-2.67 12.63-.15 24.5 3.28-9.04-4.07-19.7-7.62-28.6-9.86zm-39.88-71.68c-4.9-.27-8.9-3.87-13.4-5.87-5.93-2.62-13.08-2.32-18.76.8-3.77 2.06-6.77 5.2-9.56 8.5-1.1-4.1-2.57-8.13-4.4-12.06-.48-1.03-1.03-2.1-1.92-2.9.42-10.05.6-20.1.76-30.17.02-1.3-.14-2.9-1.35-3.44-1.42-.63-2.88.77-3.75 2.04-1.9 2.78-3.6 5.72-5 8.77l-10.33-.4c-.18-3.37.26-11.32-3.26-9.45-2.8 1.93-3.87 5.5-4.6 8.8-1.58 7.35-2.7 15.34-2.65 23.77-.94.8-1.5 1.9-2 2.97-4.83 10.35-7.14 21.5-6.75 32.52.48 1.3 1.87 1.3 2.22.38 1.3-3.35 1.6-9.22 2.4-12.67.9-4 2.5-7.9 4.7-11.54.3 9.06 1.98 18.62 3.8 27.54 1.12 9.57 2.45 19.1 4 28.6.2 1.17.42 2.4 1.17 3.3.76.9 2.24 1.36 3.2.65-.5-3.96-.83-7.94-1-11.94-.12-3.27.48-6.72.96-9.98.1-.8.17-1.58.2-2.36.53-1.4 1.06-3.22 1.62-3.28 3.16-.3 5.56 3 7.42 4.36l.83 1.34c2.26 3.8 3.8 8.06 4.48 12.43.4 2.57.6 5.34 2.2 7.38 1.22-2.38.84-5.28.38-7.94-1.1-6.4-2.47-12.8-2.64-19.27 4.32-1.4 8.3-4.5 12.78-5.8 7.02-2.05 14.57.46 21.87-.2 6.85-.6 13.16-4 18.6-8.17 4.75-3.62 9.07-7.96 11.73-13.3 2.65-5.32 3.47-11.75 1.27-17.3-2.34 7.02-7.82 14.32-15.23 13.9zm-48.65.12c1.43 2.4 2.6 4.9 3.5 7.48-1.42 1.7-2.9 3.4-4.5 4.96.4-4.14.74-8.3 1-12.44z"></path>
            <path class="accentLight" fill="#F8C083" d="M1601.25 529.08c.53-.76 1.27-1.56 2.08-1.95l-.14-.1c-1.42-.6-2.88.8-3.75 2.05-1.9 2.77-3.56 5.68-4.98 8.7l1.77.08c1.42-3.06 3.1-6 5-8.78zm-3.08 81.4l-.82-1.35c-1.87-1.36-4.27-4.66-7.42-4.37-.1 0-.17.07-.25.15 2.4.65 4.32 3.1 5.86 4.23l.83 1.34c2.26 3.8 3.8 8.06 4.48 12.43.4 2.56.6 5.33 2.2 7.37.33-.67.54-1.37.67-2.1-.6-1.66-.8-3.5-1.07-5.27-.7-4.37-2.22-8.62-4.48-12.43zm-24.78-46.92c.5-1.07 1.06-2.17 2-3-.03-8.4 1.08-16.4 2.67-23.76.72-3.3 1.77-6.84 4.57-8.77-.44-.37-1.02-.43-1.78-.03-2.82 1.94-3.87 5.5-4.6 8.8-1.58 7.36-2.7 15.35-2.66 23.77-.94.82-1.5 1.92-2 3-4.84 10.34-7.15 21.48-6.75 32.5.45 1.24 1.68 1.3 2.13.56-.13-.15-.25-.32-.33-.55-.4-11.03 1.9-22.17 6.74-32.52zm10.38 64.84c-1.56-9.5-2.88-19.04-4-28.6-1.83-8.93-3.5-18.5-3.82-27.56l-.3-1.17s-.6.03-1.5 1.2l.04 1.16.04.74.04.64.04.48c.53 8.14 2.04 16.58 3.67 24.5 1.1 9.58 2.42 19.12 3.98 28.62.2 1.16.4 2.37 1.17 3.28.68.83 1.97 1.27 2.92.8-.43-.16-.83-.44-1.12-.8-.76-.9-.98-2.12-1.17-3.28zm19.4-56.08l1.58 2.94c.73 1.48 1.37 3 1.9 4.53-.8.97-1.64 1.94-2.5 2.88l-1.98 2.08h.1c2.14-1.57 4.77-3.26 6.2-4.97-.9-2.58-3.26-5.5-5.2-7.5l-.1.02zm64.66-11.43c-.2-.9-.46-1.76-.8-2.6-2.17 6.52-7.07 13.3-13.7 13.86.1 0 .18.03.28.03 6.5.36 11.5-5.2 14.22-11.3zm-56.4 13.18l-1.34 1.56h1.8c1.4-1.68 2.87-3.3 4.46-4.78 1.56-1.44 3.24-2.73 5.1-3.75 2.83-1.54 6-2.4 9.23-2.53-3.83-.15-7.7.7-11.03 2.54-3.18 1.75-5.8 4.25-8.22 6.98z"></path>
          </g>
        </g>
      </g>
    </svg>
  </div>
</div>
<div class="container">
  <header>
    <div id="tabzilla"><a src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/580123/tabzilla-static-high-res.png" width="147" alt="Mozilla" height="37"></a></div>
    <h2><img class="ffLogoBig" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/580123/header-logo-inverse-high-res.6a42e6a524f0.png" width="185" alt="Firefox" height="70"/></h2>
  </header>
  <div class="main-content"><img class="ffLogoSmall" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/580123/firefox-logo.png" width="100" alt="Firefox" height="105"/>
    <h1 class="hide-for-refresh">Browse Freely</h1>
    <section id="download-buttons">
      <div class="download-button-wrapper">
        <div class="download-button"><a class="button" href=""><strong>Free Download</strong></a><small>Firefox Privacy</small></div>
      </div>
    </section>
  </div>
</div>

<!-- Info panel-->
<div class="panelBackdrop"></div>
<svg id="panelIconSVG" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100">
  <defs>
    <mask id="iconMask" x="0" y="0" width="100" height="100" maskUnits="userSpaceOnUse">
      <circle fill="#fff" cx="50" cy="50" r="50"></circle>
      <path id="panelIconLine1" stroke="#000" stroke-width="13" d="M50 75V25" stroke-linecap="round"></path>
      <path id="panelIconLine2" stroke="#000" stroke-width="13" d="M50 75V25" stroke-linecap="round"></path>
    </mask>
  </defs>
  <g>
    <circle fill="rgba(255, 255, 255, 0.01)" cx="50" cy="50" r="50"></circle>
    <circle id="panelIcon" mask="url(#iconMask)" cx="50" cy="50" r="50" stroke-width="4"></circle>
  </g>
</svg>
<section class="panel">
  <svg id="panelBgSVG" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="blueGrad" x1="0%" x2="0%" y1="0%" y2="100%">
        <stop id="stop1" offset="0%"></stop>
        <stop id="stop2" offset="100%"></stop>
      </linearGradient>
    </defs>
    <rect id="panelRect" fill="url(#blueGrad)" x="0" y="0" rx="10" width="100%" height="100%" stroke-width="1"></rect>
  </svg>
  <div class="contentWrapper row">
    <article class="panelBox leftBox columns small-12">
      <div class="info card small-12 columns">
        <h1>About this pen</h1>
        <p class="text">This is actually terrible UX!</p>
        <p class="text">I’ll tell you all about it, but first some of the good stuff!</p>
        <p class="text">If you take a look at <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank">Mozilla’s original website</a> you’ll notice that it’s really well made. The message is super clear – “Browse freely”. The fox is gazing over an open landscape and the copy is themed accordingly. In it’s simple form, this is great storytelling and people will surely leave the page <strong>feeling good</strong>.</p>
        <p class="text">As a web animation experimentalist, I thought: <i>Hey, this is a perfect way to demonstrate how web animation can drive both emotion, story and message, and ultimately engagement. What if you’d start the web experience by soaring over the landscape? Striking!</i></p>
        <p class="text">Said and done, and I think it turned out great... but here’s the bad stuff!</p>
        <p class="text">The purpose of this site is for people to snatch the software, and this animation would actually hinder them from doing that for 6 whole seconds. That’s roughly 2 years on the web!</p>
        <p class="text"><strong>Animation is a UX tool and must always be applied as such</strong>. Animations like these load blazingly fast. Graphics and animation together weigh less than 20 kB (!!), so why use that power to slow the user down? Any animation that doesn’t drive the purpose of the site and the end user’s goal – is simply bad animation.</p>
        <p class="text">However, on a different site with a more immersing purpose, slowing down the user could be priceless. And on this site specifically, a different animation could be designed to support fast access while also being fun and engaging.</p>
        <p class="text">All credits for graphics, layout and well, basically everything but the animation, goes to Mozilla. I hope they’re ok with me using this stuff in experimental and educational purposes. If not, I guess I’ll know soon enough. :)</p>
        <p class="text">Hope you appreciated this exploration! Please heart it!</p>
      </div>
    </article>
    <aside class="panelBox rightBox columns small-12">
      <div class="company card columns small-12">
        <div class="crab rock">
          <svg id="rockLogo" xmlns="http://www.w3.org/2000/svg" width="620" height="260" viewbox="0 0 620 260" xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs>
              <radialgradient id="radialGradient-1" cy="-6.145%" r="175.844%" fx="50%" fy="-6.145%">
                <stop stop-color="#7F7D61" stop-opacity="0" offset="0%"></stop>
                <stop stop-color="#231E34" offset="100%"></stop>
              </radialgradient>
              <lineargradient id="linearGradient-2" x1="50%" x2="50%" y1="0%" y2="100%">
                <stop stop-color="#6B7585" offset="0%"></stop>
                <stop stop-color="#93AAA9" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-3" x1="39.169%" x2="50%" y1="3.73%" y2="100%">
                <stop stop-color="#A0B8B4" offset="0%"></stop>
                <stop stop-color="#515E4B" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-4" x1="50%" x2="50%" y1="0%" y2="100%">
                <stop stop-color="#9BAAB2" offset="0%"></stop>
                <stop stop-color="#4B5A58" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-5" x1="50%" x2="50%" y1="36.179%" y2="100%">
                <stop stop-color="#738093" offset="0%"></stop>
                <stop stop-color="#637877" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-6" x1="39.169%" x2="50%" y1="3.73%" y2="100%">
                <stop stop-color="#7FA59F" offset="0%"></stop>
                <stop stop-color="#4A5856" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-7" x1="50%" x2="50%" y1="0%" y2="100%">
                <stop stop-color="#93908B" offset="0%"></stop>
                <stop stop-color="#787672" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-8" x1="61.387%" x2="18.491%" y1="0%" y2="100%">
                <stop stop-color="#827E79" offset="0%"></stop>
                <stop stop-color="#575552" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-9" x1="13.531%" x2="131.506%" y1="31.328%" y2="96.198%">
                <stop stop-color="#DAD5CB" offset="0%"></stop>
                <stop stop-color="#9F9C95" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-10" x1="22.714%" y1="5.232%" y2="79.11%">
                <stop stop-color="#CAC5BA" offset="0%"></stop>
                <stop stop-color="#A6A29A" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-11" x1="50%" x2="122.625%" y1="17.889%" y2="111.744%">
                <stop stop-color="#97938C" offset="0%"></stop>
                <stop stop-color="#615F5C" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-12" x1="42.66%" x2="58.635%" y1="17.128%" y2="100%">
                <stop stop-color="#9E9B93" offset="0%"></stop>
                <stop stop-color="#6B6966" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-13" x1="42.462%" x2="58.635%" y1="-5.814%" y2="100%">
                <stop stop-color="#918E87" offset="0%"></stop>
                <stop stop-color="#6B6966" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-14" x1="42.168%" x2="50%" y1="5.434%" y2="87.884%">
                <stop stop-color="#BEBAB1" offset="0%"></stop>
                <stop stop-color="#98958D" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-15" x1="40.832%" x2="107.975%" y1="41.233%" y2="50%">
                <stop stop-color="#BAB6AD" offset="0%"></stop>
                <stop stop-color="#9E9B95" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-16" x1="46.198%" x2="46.198%" y1="0%" y2="100%">
                <stop stop-color="#9E9B93" offset="0%"></stop>
                <stop stop-color="#6B6966" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-17" x1="24.884%" x2="50%" y1="10.732%" y2="86.094%">
                <stop stop-color="#9E9C96" offset="0%"></stop>
                <stop stop-color="#A3A19B" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-18" x1="100%" x2="50%" y1="100%" y2="0%">
                <stop stop-color="#878580" offset="0%"></stop>
                <stop stop-color="#AEABA5" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-19" x1="87.019%" x2="15.084%" y1="100%" y2="50%">
                <stop stop-color="#E0DED8" offset="0%"></stop>
                <stop stop-color="#B9B6B0" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-20" x1="14.158%" x2="106.425%" y1="0%" y2="100%">
                <stop stop-color="#C2BDB4" offset="0%"></stop>
                <stop stop-color="#C5BFB5" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-21" x1="50%" x2="50%" y1="9.761%" y2="127.003%">
                <stop stop-color="#D7D3CA" offset="0%"></stop>
                <stop stop-color="#938F88" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-22" x1="-4.359%" x2="108.86%" y1="70.252%" y2="50%">
                <stop stop-color="#EBE8E4" offset="0%"></stop>
                <stop stop-color="#D1CDC4" offset="100%"></stop>
              </lineargradient>
              <lineargradient id="linearGradient-23" x1="46.825%" x2="50%" y1="73.32%" y2="100%">
                <stop stop-color="#0C0117" stop-opacity="0" offset="0%"></stop>
                <stop stop-color="#0A0524" offset="100%"></stop>
              </lineargradient>
              <ellipse id="path-24" cx="27.628" cy="27.782" rx="27.628" ry="27.782"></ellipse>
              <ellipse id="path-26" cx="27.628" cy="27.782" rx="27.628" ry="27.782"></ellipse>
            </defs>
            <g id="Page-1" fill="none" fill-rule="evenodd">
              <g id="logo-rock">
                <g id="rockLogo">
                  <path id="rockBg" fill="#FFFFFF" d="M0 0h620v260H0z"></path>
                  <path id="rockBg-Copy-2" fill="#676A93" d="M0 0h620v190H0z"></path>
                  <path id="rockBg-Copy" fill="url(#radialGradient-1)" d="M0 190h620v70H0z"></path>
                  <g id="detailsBg">
                    <path id="shadow" fill="#000000" d="M226 210l6.516 3.62L271 226l80 2 96-7 11-9-25-7-59-2z" opacity=".248"></path>
                    <path id="Path-4" fill="#384C2F" d="M241.164 207.156l-14.824 2.47-8.95 4.043-15.086-2.433 6.015-4.83 10.016-2.147 11.083-.25z"></path>
                    <path id="Path-4-Copy" fill="#648156" d="M241.164 207.156l-19.56-.41-5.28 5.027-15.488-.93 5.612-3.327-4.002-2.682 6.678-1.432 9.212.858 11.083-.25z"></path>
                    <path id="Path-27" fill="url(#linearGradient-2)" d="M326.485 0L309 36l6-1-13 36 26 1-28 101 147 6-34-43 14-1-47-78 18 6-29-55 6 1-4.343-9z"></path>
                    <path id="Path-27-Copy" fill="url(#linearGradient-3)" d="M414.27 15L392.9 62.447l10.138-5.95-21.585 35.936 17.916 1.007L376 127.693l20.253 1.007L376 194l69-3 11.09-42.072 12.944 5.15-32.275-40.49 14.02 6.045-28.043-57.424 10.127 3.022z"></path>
                    <path id="Path-27-Copy-2" fill="url(#linearGradient-4)" d="M217.27 8l-27.345 38.428 9.143-.94-14.615 46.952 17.916 1.007-23.37 34.25 20.253 1.008L179 194h101l-20.91-45.07 12.944 5.152-32.275-40.488 14.02 6.045-23.064-69.443 10.126 3.022z" transform="matrix(-1 0 0 1 459 0)"></path>
                    <path id="Path-27" fill="url(#linearGradient-5)" d="M150 0l-10 24 10 1-24 47 11-3-15 49 9-3-19 79h145l-34-43 14-1-47-78 18 6-29-55 6 1-4.343-24z"></path>
                    <path id="Path-27-Copy" fill="url(#linearGradient-6)" d="M203 15.33l-21.463 47.36 10.183-5.938-21.68 35.868 17.994 1.006-23.47 34.19 20.34 1.005-20.34 65.18H266l-21-44.99 13 5.143-32.415-40.416 14.082 6.034-28.164-57.317 10.17 3.017z"></path>
                    <path id="Path-27-Copy-2" fill="url(#linearGradient-6)" d="M452 11l-20 45.14L442 52l-25 64.407L429 112l-24 44.822h12l-20 39.847h118l-21-44.99 13 5.142-32.415-40.415 14.082 6.033-23.164-69.318 10.17 3.017z" transform="matrix(-1 0 0 1 912 0)"></path>
                    <path id="moonlightFilter" fill="#070218" d="M0 0h620v260H0z" opacity=".355"></path>
                  </g>
                  <g id="rock">
                    <path id="Path-8" fill="url(#linearGradient-7)" d="M199 57l.5 13.19L204 101l12 8z" transform="translate(201 50)"></path>
                    <path id="Path-9" fill="url(#linearGradient-8)" d="M204 101l-13.687 49.25L190 160l26-51z" transform="translate(201 50)"></path>
                    <path id="Path-10" fill="url(#linearGradient-9)" d="M21 26l.223 3.625-16.295 76.282L3 110 0 58z" transform="translate(201 50)"></path>
                    <path id="Path-11" fill="url(#linearGradient-10)" d="M21 26h1l29 58-34 36-14-10z" transform="translate(201 50)"></path>
                    <path id="Path-14" fill="url(#linearGradient-11)" d="M3 110l14 9 10 38-2 3z" transform="translate(201 50)"></path>
                    <path id="Path-13" fill="url(#linearGradient-12)" d="M51 84l22 78-48-2-8-41z" transform="translate(201 50)"></path>
                    <path id="Path-15" fill="url(#linearGradient-13)" d="M51 84l71 24 9 50-59 4z" transform="translate(201 50)"></path>
                    <path id="Path-16" fill="url(#linearGradient-14)" d="M80 18l42 90-71-24z" transform="translate(201 50)"></path>
                    <path id="Path-17" fill="url(#linearGradient-15)" d="M80 19l42 89 20-57-62-33z" transform="translate(201 50)"></path>
                    <path id="Path-18" fill="url(#linearGradient-16)" d="M122 108l82-7-14 59-60-2z" transform="translate(201 50)"></path>
                    <path id="Path-19" fill="url(#linearGradient-17)" d="M142 51l62 50-82 7z" transform="translate(201 50)"></path>
                    <path id="Path-20" fill="url(#linearGradient-18)" d="M184.907 54.517L199 57l5 44-62-50z" transform="translate(201 50)"></path>
                    <path id="Path-21" fill="url(#linearGradient-19)" d="M199 57l-41-23-16 17z" transform="translate(201 50)"></path>
                    <path id="Path-22" fill="url(#linearGradient-20)" d="M158 34L80 18l-.283.382L142 51z" transform="translate(201 50)"></path>
                    <path id="Path-23" fill="#C3BFB8" d="M359 84l-61-33-18 17z"></path>
                    <path id="Path-12" fill="url(#linearGradient-21)" d="M81 17L51 84 21 26z" transform="translate(201 50)"></path>
                    <path id="Path-7" fill="url(#linearGradient-22)" d="M47.272 11.042L21 26l59-8L97 1z" transform="translate(201 50)"></path>
                    <g id="moss">
                      <g id="patch1">
                        <path id="Path-2" fill="#384C2F" d="M225 75l9-1 17-9 8 1 10-2 10-4h3l5-1 6 10 9-8 24 6-29-17h-23l-20 4-9 2-1 5-15 7 3 1z"></path>
                        <path id="Path-2-Copy-2" fill="#638155" d="M225 75l9-2 17-10 7 2 12-2 10-5 2 1 4-2 8 10 8-8 24 8-29-17h-23l-20 4-9 2-1 5-15 7 3 1z"></path>
                        <path id="Path-2-Copy" fill="#7FA36E" d="M225 75l11-6 2-3 7-3.5 2-5.5 24-5 29 2-3-4h-23l-20 4-9 2-1 5-15 7 3 1z"></path>
                      </g>
                      <path id="Path-24" fill="#384C2F" d="M371 87l16 15-17-6v5h-6l-2-5-12 3-9-25z"></path>
                      <path id="Path-24-Copy" fill="#648156" d="M371 87l9.5 5.2-3.557.347L386 101l-16-6v5h-5l-2-5-12 3-10-24z"></path>
                      <path id="Path-24-Copy-2" fill="#7FA36E" d="M371 87l-4 1-26-14z"></path>
                    </g>
                    <path id="rock-shape-copy" fill="url(#linearGradient-23)" d="M21 26L97 1l102 56 17 52-26 51-59.688-2L72 162l-47-2-22-50-3-52z" opacity=".5" transform="translate(201 50)"></path>
                  </g>
                  <g id="eyes">
                    <g id="eyeL">
                      <g id="eyeL_ball">
                        <g id="maskedContent" transform="translate(236.04 71.686)">
                          <mask id="mask-25" fill="white">
                            <use xlink:href="#path-24"></use>
                          </mask>
                          <use id="eyeL_mask" fill="#EBE6E2" xlink:href="#path-24"></use>
                          <g id="eyeL_center" mask="url(#mask-25)">
                            <g>
                              <path id="eyeWhite" fill="#FFFFFF" fill-opacity=".27" d="M29.705 49.388c15.232 0 24.784-9.58 24.784-21.01 0-11.432-9.553-19.298-24.785-19.298s-27.58 8.374-27.58 17.39c0 9.018 12.348 22.918 27.58 22.918z"></path>
                              <g class="logo-eyeL_iris" id="eyeL_iris" transform="translate(17.218 16.46)">
                                <ellipse id="irisLayer1" cx="11.212" cy="11.292" fill="#2A566A" rx="11.164" ry="11.244"></ellipse>
                                <path id="irisLayer2" fill="#366276" d="M11.26 20.672l-.79 1.024-.626-1.133-.935.89-.447-1.216-1.06.736-.256-1.27-1.158.564-.062-1.294-1.23.38.135-1.29-1.273.187.33-1.253-1.287-.012.515-1.187-1.27-.21.69-1.094-1.223-.402.847-.976-1.148-.585.985-.833-1.046-.755 1.1-.673-.92-.908 1.19-.496-.77-1.037 1.25-.308-.605-1.144 1.28-.112-.423-1.223 1.284.087-.232-1.274 1.255.283-.037-1.296 1.198.473.16-1.286 1.11.653.353-1.246 1 .815.538-1.177.865.96.71-1.082.708 1.08.865-.958.537 1.177 1-.815.353 1.246 1.112-.652.16 1.287 1.197-.473-.037 1.295 1.255-.284-.233 1.274 1.284-.087-.423 1.223 1.282.112-.605 1.144 1.25.307-.77 1.036 1.188.496-.92.907 1.1.672-1.044.755.984.834-1.148.586.847.976-1.223.402.69 1.094-1.27.21.515 1.187-1.286.012.328 1.253-1.273-.186.135 1.29-1.23-.38-.06 1.293-1.16-.564-.256 1.27-1.06-.736-.445 1.216-.937-.89-.625 1.133z"></path>
                                <path id="irisLayer3" fill="#3D6E85" d="M10.457 17.697L8.88 20.283l-.095-3.03-2.21 2.062.72-2.944-2.68 1.387 1.482-2.64-2.95.607 2.133-2.142-3.003-.216 2.628-1.484-2.832-1.024L5 10.142 2.548 8.387l3.01.105-1.89-2.357 2.867.92L5.35 4.27 7.86 5.934 7.466 2.93 9.44 5.215l.424-3.003 1.286 2.74 1.213-2.778.504 2.988 1.91-2.346-.314 3.015 2.468-1.74-1.11 2.82 2.84-1.008-1.824 2.414 3.005-.197-2.402 1.83 2.944.626-2.803 1.11 2.666 1.403-2.996.307 2.19 2.076-2.965-.517 1.552 2.595-2.715-1.303.798 2.922-2.264-1.995-.014 3.03-1.646-2.535-.825 2.917z"></path>
                                <path id="irisLayer4" fill="#41768F" d="M10.113 16.625l-.987 1.688.116-1.953-1.255 1.497.44-1.906-1.486 1.264.755-1.805-1.677.992 1.047-1.65-1.82.692 1.31-1.45-1.91.373 1.533-1.207-1.943.044 1.712-.93-1.92-.287 1.84-.625-1.843-.61 1.92-.304-1.714-.915 1.943.027-1.536-1.194 1.91.358-1.313-1.44 1.82.678-1.05-1.642 1.68.978-.76-1.798 1.492 1.25-.447-1.902 1.258 1.486-.12-1.952.99 1.68.21-1.945L11 5.94l.533-1.88.378 1.916.84-1.765.05 1.956 1.126-1.6-.28 1.938 1.377-1.385-.6 1.86 1.588-1.13-.904 1.733 1.755-.845-1.18 1.556 1.87-.536-1.425 1.334 1.932-.21-1.628 1.073 1.938.122-1.784.78 1.89.45-1.89.467 1.787.765-1.937.137 1.63 1.06-1.932-.194 1.43 1.32-1.872-.518 1.186 1.546-1.757-.83.908 1.726-1.59-1.117.604 1.855-1.38-1.373.284 1.934-1.13-1.588-.043 1.955-.845-1.758-.372 1.92-.537-1.878-.69 1.83z"></path>
                                <path id="irisLayer5" fill="#4B87A3" d="M10.84 13.202l-2.73 5.19 2.012-5.51-4.59 3.628 4.065-4.216-5.653 1.44 5.41-2.193-5.74-.995 5.824.21-4.834-3.262 5.228 2.575L6.74 5.106l3.73 4.496-.817-5.805 1.586 5.64 1.6-5.645-.832 5.808 3.742-4.507-3.107 4.97 5.236-2.59-4.845 3.276 5.824-.228-5.744 1.014 5.405 2.177-5.648-1.424 4.052 4.203-4.58-3.615 2 5.504-2.718-5.18-.4 5.852z"></path>
                                <path id="irisLayer6" fill="#63A6D9" fill-opacity=".168" d="M11.4 21.426c4.47 0 8.09-3.074 8.09-6.25 0-3.174-3.62.75-8.09.75-4.467 0-8.09-3.924-8.09-.75 0 3.176 3.623 6.25 8.09 6.25z"></path>
                                <g class="logo-eyeL_pupil" id="eyeL_pupil" transform="translate(5.1 5.13)">
                                  <path id="pupilOuter" fill="#382828" fill-opacity=".688" d="M5.372 9.803l-.6 1.076.073-1.232-.753.975.254-1.207-.888.852.43-1.156-1.004.71.596-1.08-1.097.552.748-.978-1.165.38.885-.855-1.21.203 1.003-.713-1.225.018 1.095-.556L1.3 6.626l1.165-.385-1.175-.345 1.208-.206-1.11-.52 1.225-.022-1.02-.68 1.214.162-.907-.826 1.175.342-.774-.953 1.112.515-.624-1.06 1.022.677-.46-1.14.91.82-.286-1.197.778.95-.106-1.228.63 1.056.076-1.23.465 1.138.26-1.205.29 1.195.434-1.153.112 1.227.6-1.077-.073 1.23.75-.975-.253 1.207.888-.85-.43 1.154L9.4 2.54l-.596 1.08L9.9 3.067l-.748.978 1.166-.38-.885.854 1.21-.2-1.002.712 1.226-.018-1.095.555 1.214.165-1.165.385 1.173.346-1.208.206 1.11.52-1.225.022 1.02.68-1.214-.162.908.825-1.176-.342.775.953-1.112-.514.626 1.058-1.023-.675.46 1.14-.91-.82.287 1.196-.78-.95.107 1.23-.63-1.057-.076 1.23-.464-1.14-.26 1.207-.29-1.197-.434 1.154z"></path>
                                  <ellipse id="pupilInner" cx="6.111" cy="6.163" fill="#372727" rx="3.453" ry="3.478"></ellipse>
                                </g>
                                <path id="irisLayer7" fill="#000000" fill-opacity=".182" d="M11.26 9.53c10.974 0 10.974 7.914 10.974 1.81C22.234 5.234 17.32.285 11.26.285 5.197.286.283 5.236.283 11.34c0 6.104 0-1.81 10.975-1.81z"></path>
                              </g>
                            </g>
                          </g>
                          <g id="lids" mask="url(#mask-25)">
                            <g>
                              <g class="logoLidBtm" id="eyeL_lidBtm">
                                <path id="lid" fill="#A09E98" d="M63.332 74.46h-75.257l-.36-39.754c.54-.056 26.49-4.39 26.49-4.39l24.445-.025 24.682 3.702V74.46z"></path>
                              </g>
                              <g class="logoLidTop" id="eyeL_lidTop">
                                <path id="lid" fill="#ADAAA1" d="M-11.925 35.176l25.21-4.325 26.068.197 28.23 4.13v-50.018h-79.508z"></path>
                              </g>
                            </g>
                          </g>
                        </g>
                        <path id="shadowUpr" fill="#000000" fill-opacity=".1" d="M290.552 93.033c-4.272-1.392-13.03-10.514-28.227-10.514-11.022 0-19.22 4.8-24.81 7.966 3.714-10.936 14.02-18.8 26.153-18.8 13.056 0 23.997 9.106 26.884 21.347z"></path>
                        <path id="shadowLwr" fill="#000000" fill-opacity=".1" d="M288.775 111.08c-4.373 9.544-13.97 16.17-25.107 16.17-11.333 0-21.072-6.862-25.333-16.68 5.284 2.437 13.694 2.876 26.072 3.872 11.064.89 18.906-1.32 24.368-3.362z"></path>
                      </g>
                      <g class="logo-eyeL_brow" id="eyeL_brow">
                        <g id="Group">
                          <path id="layer1" fill="#384C2F" d="M263.09 81l22.362 3.106 4.797-2.616-1.178-2.934-11.27-9.427-16.976-2.2-22.37 6.832 1.872 2.334-9.762 17.847 3.947-.633.77 5.04L250.09 84z"></path>
                          <path id="layer2" fill="#4C683D" d="M261.09 80l24.362 2.106 4.797-.616 1.167-2.267-3.345-3.667 1.22-2.5-11.49-3.927-16.976-2.2-22.37 6.832 1.872 2.334-9.762 17.847 2.947.367 1.77 4.04L249.09 83z"></path>
                          <path id="layer3" fill="#648156" d="M261.09 76l18.32 1.983 9.667 1.697 1.172-2.19-3.575-3.463 2.617-.97-11.49-3.928-16.976-2.2-22.37 6.832 1.872 2.334-9.762 17.847L235.09 92l-.148 2.546 5.404-9.584 5.87-5.57z"></path>
                          <path id="layer4" fill="#7FA36E" d="M258.85 70.078l7.75 2.144-.85-1.682 20.24 5.33-.967-3.076 4.27.263-11.49-3.928-16.977-2.2-22.37 6.832L249.09 73z"></path>
                        </g>
                      </g>
                    </g>
                    <g id="eyeR">
                      <g id="eyeR_ball" transform="matrix(-1 0 0 1 361.457 71.686)">
                        <ellipse id="eyeR_white" cx="27.525" cy="27.731" fill="#EBE6E2" rx="27.525" ry="27.722"></ellipse>
                        <g id="maskedContent">
                          <mask id="mask-27" fill="white">
                            <use xlink:href="#path-26"></use>
                          </mask>
                          <use id="eyeR_mask" fill="#EBE6E2" opacity=".346" xlink:href="#path-26"></use>
                          <g id="eyeR_center" mask="url(#mask-27)">
                            <g>
                              <path id="eyeWhite" fill="#FFFFFF" fill-opacity=".27" d="M29.705 49.388c15.232 0 24.784-9.58 24.784-21.01 0-11.432-9.553-19.298-24.785-19.298s-27.58 8.374-27.58 17.39c0 9.018 12.348 22.918 27.58 22.918z"></path>
                              <g class="logo-eyeR_iris" id="eyeR_iris" transform="translate(17.218 16.46)">
                                <ellipse id="irisLayer1" cx="11.212" cy="11.292" fill="#2A566A" rx="11.164" ry="11.244"></ellipse>
                                <path id="irisLayer2" fill="#366276" d="M11.26 20.672l-.79 1.024-.626-1.133-.935.89-.447-1.216-1.06.736-.256-1.27-1.158.564-.062-1.294-1.23.38.135-1.29-1.273.187.33-1.253-1.287-.012.515-1.187-1.27-.21.69-1.094-1.223-.402.847-.976-1.148-.585.985-.833-1.046-.755 1.1-.673-.92-.908 1.19-.496-.77-1.037 1.25-.308-.605-1.144 1.28-.112-.423-1.223 1.284.087-.232-1.274 1.255.283-.037-1.296 1.198.473.16-1.286 1.11.653.353-1.246 1 .815.538-1.177.865.96.71-1.082.708 1.08.865-.958.537 1.177 1-.815.353 1.246 1.112-.652.16 1.287 1.197-.473-.037 1.295 1.255-.284-.233 1.274 1.284-.087-.423 1.223 1.282.112-.605 1.144 1.25.307-.77 1.036 1.188.496-.92.907 1.1.672-1.044.755.984.834-1.148.586.847.976-1.223.402.69 1.094-1.27.21.515 1.187-1.286.012.328 1.253-1.273-.186.135 1.29-1.23-.38-.06 1.293-1.16-.564-.256 1.27-1.06-.736-.445 1.216-.937-.89-.625 1.133z"></path>
                                <path id="irisLayer3" fill="#3D6E85" d="M10.457 17.697L8.88 20.283l-.095-3.03-2.21 2.062.72-2.944-2.68 1.387 1.482-2.64-2.95.607 2.133-2.142-3.003-.216 2.628-1.484-2.832-1.024L5 10.142 2.548 8.387l3.01.105-1.89-2.357 2.867.92L5.35 4.27 7.86 5.934 7.466 2.93 9.44 5.215l.424-3.003 1.286 2.74 1.213-2.778.504 2.988 1.91-2.346-.314 3.015 2.468-1.74-1.11 2.82 2.84-1.008-1.824 2.414 3.005-.197-2.402 1.83 2.944.626-2.803 1.11 2.666 1.403-2.996.307 2.19 2.076-2.965-.517 1.552 2.595-2.715-1.303.798 2.922-2.264-1.995-.014 3.03-1.646-2.535-.825 2.917z"></path>
                                <path id="irisLayer4" fill="#41768F" d="M10.113 16.625l-.987 1.688.116-1.953-1.255 1.497.44-1.906-1.486 1.264.755-1.805-1.677.992 1.047-1.65-1.82.692 1.31-1.45-1.91.373 1.533-1.207-1.943.044 1.712-.93-1.92-.287 1.84-.625-1.843-.61 1.92-.304-1.714-.915 1.943.027-1.536-1.194 1.91.358-1.313-1.44 1.82.678-1.05-1.642 1.68.978-.76-1.798 1.492 1.25-.447-1.902 1.258 1.486-.12-1.952.99 1.68.21-1.945L11 5.94l.533-1.88.378 1.916.84-1.765.05 1.956 1.126-1.6-.28 1.938 1.377-1.385-.6 1.86 1.588-1.13-.904 1.733 1.755-.845-1.18 1.556 1.87-.536-1.425 1.334 1.932-.21-1.628 1.073 1.938.122-1.784.78 1.89.45-1.89.467 1.787.765-1.937.137 1.63 1.06-1.932-.194 1.43 1.32-1.872-.518 1.186 1.546-1.757-.83.908 1.726-1.59-1.117.604 1.855-1.38-1.373.284 1.934-1.13-1.588-.043 1.955-.845-1.758-.372 1.92-.537-1.878-.69 1.83z"></path>
                                <path id="irisLayer5" fill="#4B87A3" d="M10.84 13.202l-2.73 5.19 2.012-5.51-4.59 3.628 4.065-4.216-5.653 1.44 5.41-2.193-5.74-.995 5.824.21-4.834-3.262 5.228 2.575L6.74 5.106l3.73 4.496-.817-5.805 1.586 5.64 1.6-5.645-.832 5.808 3.742-4.507-3.107 4.97 5.236-2.59-4.845 3.276 5.824-.228-5.744 1.014 5.405 2.177-5.648-1.424 4.052 4.203-4.58-3.615 2 5.504-2.718-5.18-.4 5.852z"></path>
                                <path id="irisLayer6" fill="#63A6D9" fill-opacity=".168" d="M11.4 21.426c4.47 0 8.09-3.074 8.09-6.25 0-3.174-3.62.75-8.09.75-4.467 0-8.09-3.924-8.09-.75 0 3.176 3.623 6.25 8.09 6.25z"></path>
                                <g class="logo-eyeR_pupil" id="eyeR_pupil" transform="translate(5.1 5.13)">
                                  <path id="pupilOuter" fill="#382828" fill-opacity=".688" d="M5.372 9.803l-.6 1.076.073-1.232-.753.975.254-1.207-.888.852.43-1.156-1.004.71.596-1.08-1.097.552.748-.978-1.165.38.885-.855-1.21.203 1.003-.713-1.225.018 1.095-.556L1.3 6.626l1.165-.385-1.175-.345 1.208-.206-1.11-.52 1.225-.022-1.02-.68 1.214.162-.907-.826 1.175.342-.774-.953 1.112.515-.624-1.06 1.022.677-.46-1.14.91.82-.286-1.197.778.95-.106-1.228.63 1.056.076-1.23.465 1.138.26-1.205.29 1.195.434-1.153.112 1.227.6-1.077-.073 1.23.75-.975-.253 1.207.888-.85-.43 1.154L9.4 2.54l-.596 1.08L9.9 3.067l-.748.978 1.166-.38-.885.854 1.21-.2-1.002.712 1.226-.018-1.095.555 1.214.165-1.165.385 1.173.346-1.208.206 1.11.52-1.225.022 1.02.68-1.214-.162.908.825-1.176-.342.775.953-1.112-.514.626 1.058-1.023-.675.46 1.14-.91-.82.287 1.196-.78-.95.107 1.23-.63-1.057-.076 1.23-.464-1.14-.26 1.207-.29-1.197-.434 1.154z"></path>
                                  <ellipse id="pupilInner" cx="6.111" cy="6.163" fill="#372727" rx="3.453" ry="3.478"></ellipse>
                                </g>
                                <path id="irisLayer7" fill="#000000" fill-opacity=".182" d="M11.26 9.53c10.974 0 10.974 7.914 10.974 1.81C22.234 5.234 17.32.285 11.26.285 5.197.286.283 5.236.283 11.34c0 6.104 0-1.81 10.975-1.81z"></path>
                              </g>
                            </g>
                          </g>
                          <g id="lids" mask="url(#mask-27)">
                            <g>
                              <g class="logoLidBtm" id="eyeR_lidBtm">
                                <path id="lid" fill="#A09E98" d="M63.332 74.46h-75.257l-.36-39.754c.567-.06 28.9-4.56 28.9-4.56l22.035.145 24.682 3.702V74.46z"></path>
                              </g>
                              <g class="logoLidTop" id="eyeR_lidTop">
                                <path id="lid" fill="#ADAAA1" d="M-11.925 35.176l29.278-4.13h21.104l29.126 4.13V-14.84h-79.508z"></path>
                              </g>
                            </g>
                          </g>
                        </g>
                        <path id="shadowLwr" fill="#000000" fill-opacity=".1" d="M52.735 39.394c-4.373 9.544-13.97 16.17-25.107 16.17-11.333 0-21.072-6.862-25.333-16.68 5.284 2.437 13.694 2.876 26.072 3.872 11.064.89 18.906-1.32 24.368-3.362z"></path>
                        <path id="shadowUpr" fill="#000000" fill-opacity=".1" d="M54.512 21.347C51.625 9.107 40.684 0 27.628 0 15.495 0 5.188 7.864 1.476 18.8c5.588-3.167 13.787-7.967 24.81-7.967 15.195 0 23.954 9.122 28.226 10.514z"></path>
                      </g>
                      <g class="logo-eyeR_brow" id="eyeR_brow">
                        <g id="Group">
                          <path id="layer1" fill="#384C2F" d="M335 82l-23.362 1.106-4.797-1.616 1.178-2.934-2.916-1.66 2.696-3.84 11.49-3.927 16.976-2.2 22.37 6.832-1.872 2.334 9.762 17.847-1.947-.633-2.77 6.04L347 84z"></path>
                          <path id="layer2" fill="#4C683D" d="M335 81l-23.362 1.106-4.797-.616 1.178-2.934-2.916-1.66 2.696-3.84 11.49-3.927 16.976-2.2 22.37 6.832-1.872 2.334 9.762 17.847-2.947-1.633-1.77 6.04L348 83z"></path>
                          <path id="layer3" fill="#648156" d="M336 76l-18.32 4.983-10.84.507 2.178-3.934-3.916-.66 2.696-3.84 11.49-3.927 16.976-2.2 22.37 6.832-1.872 2.334 9.762 17.847L361 89l-1.853 2.546-2.403-6.584-5.87-5.57z"></path>
                          <path id="layer4" fill="#7FA36E" d="M335.24 70.078l-9.75.144 1.85 2.318-4.24-.67-13.033 1.924-4.965 3.103 2.696-3.84 11.49-3.928 16.976-2.2 22.37 6.832L352 73z"></path>
                        </g>
                      </g>
                    </g>
                  </g><a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.nerdmanship.com" target="_blank">
                    <title>This road leads to our site</title>
                    <g id="logoSign">
                      <g id="wood">
                        <path id="Path-3" fill="#635242" d="M183 124l3.44-2 25.943.517L218 124l33-3h76v2l7-2v2l3.676-2.263L350 123l66-2 11 3 3 17v27l-4 6-19-2-74 6-26.456-.118-12.857-1.832L262 175l-12-1 2 2-46 1-25.512-.697L183 173l-2.073-1.598L182 151z"></path>
                        <path id="Path-3-Copy" fill="#776350" d="M183 124l3.44-2 25.943.517L218 124l33-3h76v2l7-2v2l3.676-2.263L350 123l66-2 11 3v43l-3 5-15-2-76 6-26.456-.118-12.857-1.832L262 173l-14-1 3 2h-45l-25.512 2.303L186 171l-5.073-1.598L182 151z"></path>
                        <path id="Path-3-Copy-2" fill="#A69879" d="M183 124l3.44-2 25.943.517L218 124l33-3h76v2l7-2v2l3.676-2.263L350 123l66-2 11 3-11-2-67.758 2.167-10.81-2.81-4.092 2.433.39-1.525-7.787 1.526.753-1.602-76.722-.32-32.68 3.75-5.53-1.758-23.325-.86-4.455 1.804L182 151z"></path>
                      </g>
                      <g id="message">
                        <path id="paper" fill="#F7F6F3" d="M185.11 149.407C184.554 137.203 188 126 188 126s15.633 2.648 33.734 2.42c6.973-.088 14.313.25 21.266-1.42.598-.143 1.916 1.597 1.916 1.597l2.284-2.37 27.365-.382s31.603 2.5 51.435 2.752c19.832.25 40-1.597 40-1.597s55.018.967 55.64 1.937c3.182 4.956 3.925 17.112 3.925 17.112L423 167s-30.504 3.454-72 5c-41.496 1.546-83-2-89-2s-73 2-73 2-3.336-10.39-3.89-22.593z"></path>
                        <path id="LET’S-ANIMATE-THE-WE" fill="#423927" d="M214.49 144.13h3.877c.103 0 .19.037.266.112.075.075.112.163.112.266v2.114c0 .103-.037.19-.112.266-.075.075-.163.112-.266.112h-7.056c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-9.044c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112h2.8c.104 0 .192.037.267.112.075.075.112.163.112.266v6.552zm9.145.14h4.312c.103 0 .19.037.266.112.075.075.112.163.112.266v1.974c0 .103-.037.19-.112.266-.075.075-.163.112-.266.112h-7.294c-.103 0-.19-.037-.266-.112-.075-.075-.112-.163-.112-.266v-9.044c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112h7.182c.103 0 .19.037.266.112.076.075.113.163.113.266v1.974c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-4.2v.882h3.892c.103 0 .19.037.266.112.075.075.112.163.112.266v1.82c0 .103-.037.19-.112.266-.075.075-.163.112-.266.112h-3.892v.882zm6.528-7.07h8.204c.103 0 .19.037.266.112.075.075.112.163.112.266v2.254c0 .103-.037.19-.112.266-.075.075-.163.112-.266.112h-2.324v6.412c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-2.8c-.103 0-.19-.037-.266-.112-.076-.075-.113-.163-.113-.266v-6.412h-2.324c-.103 0-.19-.037-.266-.112-.075-.075-.112-.163-.112-.266v-2.254c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112zm10.812-.154h2.31c.084 0 .156.03.217.09.06.062.09.122.09.183 0 .06-.004.104-.013.132l-1.33 3.374c-.113.3-.328.448-.645.448h-1.512c-.084 0-.156-.03-.217-.09-.06-.062-.09-.134-.09-.218v-.028l.517-3.346c.02-.14.09-.266.217-.378.126-.112.278-.168.455-.168zm4.21.91c.788-.597 1.824-.896 3.107-.896 1.283 0 2.333.313 3.15.938.817.625 1.225 1.28 1.225 1.96 0 .084-.03.156-.09.217-.062.06-.13.09-.204.09h-2.8c-.215 0-.41-.078-.588-.237-.177-.16-.415-.238-.714-.238-.447 0-.67.13-.67.392 0 .14.11.257.328.35.22.093.628.177 1.225.252 1.39.177 2.382.502 2.975.973.593.47.89 1.185.89 2.142 0 .956-.437 1.735-1.31 2.337-.873.602-2.014.903-3.423.903-1.41 0-2.515-.29-3.318-.868-.803-.58-1.204-1.283-1.204-2.114 0-.084.03-.156.09-.217.062-.06.134-.09.218-.09h2.66c.197 0 .414.093.652.28.238.187.567.28.987.28.7 0 1.05-.13 1.05-.392 0-.168-.127-.296-.38-.385-.25-.09-.727-.18-1.427-.273-2.408-.317-3.612-1.344-3.612-3.08 0-.952.395-1.727 1.184-2.324zm16.828-.756h3.038c.337 0 .547.154.63.462l3.123 8.932c.01.028.014.072.014.133 0 .06-.03.12-.09.182-.062.06-.134.09-.218.09h-2.59c-.28 0-.463-.117-.547-.35l-.336-.924h-3.01l-.336.924c-.083.233-.265.35-.545.35h-2.59c-.084 0-.156-.03-.217-.09-.06-.062-.09-.122-.09-.183 0-.06.004-.105.013-.133l3.123-8.932c.084-.308.294-.462.63-.462zm.728 5.796h1.583l-.798-2.604-.784 2.604zm13.375-5.796h2.534c.102 0 .19.037.265.112.075.075.112.163.112.266v9.044c0 .103-.037.19-.112.266-.075.075-.163.112-.266.112h-2.213c-.243 0-.434-.107-.574-.322l-2.366-3.57v3.514c0 .103-.037.19-.112.266-.075.075-.163.112-.266.112h-2.535c-.103 0-.19-.037-.266-.112-.076-.075-.113-.163-.113-.266v-9.044c0-.103.037-.19.112-.266.074-.075.162-.112.265-.112h2.212c.26 0 .453.107.574.322l2.367 3.878v-3.822c0-.103.037-.19.112-.266.074-.075.162-.112.265-.112zm8.236 9.8h-2.855c-.103 0-.19-.037-.266-.112-.076-.075-.113-.163-.113-.266v-9.044c0-.103.037-.19.112-.266.074-.075.162-.112.265-.112h2.856c.104 0 .192.037.267.112.075.075.112.163.112.266v9.044c0 .103-.038.19-.113.266-.075.075-.163.112-.266.112zm10.323-9.8h2.212c.103 0 .19.037.266.112.076.075.113.163.113.266v9.044c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-2.534c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-3.836l-.924 1.512c-.15.233-.323.35-.52.35h-.98c-.195 0-.368-.117-.517-.35l-.924-1.512v3.836c0 .103-.038.19-.113.266-.075.075-.163.112-.266.112h-2.533c-.103 0-.19-.037-.266-.112-.074-.075-.11-.163-.11-.266v-9.044c0-.103.036-.19.11-.266.076-.075.164-.112.267-.112h2.212c.26 0 .46.126.6.378l2.03 3.36 2.03-3.36c.14-.252.342-.378.603-.378zm7.746 0h3.037c.336 0 .546.154.63.462l3.122 8.932c.008.028.013.072.013.133 0 .06-.03.12-.09.182-.062.06-.134.09-.218.09h-2.59c-.28 0-.462-.117-.546-.35l-.337-.924h-3.01l-.336.924c-.084.233-.266.35-.546.35h-2.59c-.083 0-.155-.03-.216-.09-.06-.062-.09-.122-.09-.183 0-.06.004-.105.013-.133l3.122-8.932c.083-.308.293-.462.63-.462zm.727 5.796h1.582l-.8-2.604-.783 2.604zm6.154-5.796h8.205c.103 0 .19.037.266.112.076.075.113.163.113.266v2.254c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-2.324v6.412c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112h-2.8c-.103 0-.19-.037-.266-.112-.075-.075-.112-.163-.112-.266v-6.412H309.3c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-2.254c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112zm13.043 7.07h4.312c.103 0 .19.037.266.112.076.075.113.163.113.266v1.974c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-7.294c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-9.044c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112h7.183c.103 0 .19.037.266.112.074.075.11.163.11.266v1.974c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112h-4.2v.882h3.892c.103 0 .19.037.266.112.076.075.113.163.113.266v1.82c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-3.892v.882zm10.858-7.07h8.205c.103 0 .19.037.266.112.076.075.113.163.113.266v2.254c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-2.324v6.412c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112h-2.8c-.103 0-.19-.037-.266-.112-.075-.075-.112-.163-.112-.266v-6.412H333.2c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-2.254c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112zm16.33 0h2.743c.103 0 .19.037.266.112.074.075.11.163.11.266v9.044c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112h-2.744c-.104 0-.192-.037-.267-.112-.075-.075-.112-.163-.112-.266v-3.024h-2.267v3.024c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-2.744c-.102 0-.19-.035-.265-.105-.075-.07-.112-.16-.112-.273v-9.044c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112h2.745c.103 0 .19.037.266.112.076.075.113.163.113.266v2.94h2.268v-2.94c0-.103.038-.19.113-.266.075-.075.163-.112.266-.112zm8.27 7.07h4.313c.103 0 .19.037.266.112.074.075.11.163.11.266v1.974c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112h-7.294c-.104 0-.192-.037-.267-.112-.075-.075-.112-.163-.112-.266v-9.044c0-.103.038-.19.113-.266.075-.075.163-.112.266-.112H362c.104 0 .192.037.267.112.075.075.112.163.112.266v1.974c0 .103-.038.19-.113.266-.075.075-.163.112-.266.112h-4.2v.882h3.893c.103 0 .19.037.266.112.074.075.11.163.11.266v1.82c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112H357.8v.882zm14.485 2.73h-2.002c-.177 0-.324-.054-.44-.16-.118-.108-.185-.232-.204-.372l-1.29-8.918v-.042c0-.084.03-.156.092-.217.06-.06.133-.09.217-.09h2.603c.308 0 .476.126.504.378l.476 3.948.574-1.75c.093-.27.252-.406.476-.406h1.428c.225 0 .384.135.477.406l.574 1.736.477-3.934c.028-.252.196-.378.504-.378h2.605c.084 0 .156.03.217.09.06.062.09.134.09.218v.042l-1.287 8.918c-.02.14-.086.264-.203.37-.117.108-.264.162-.44.162h-2.003c-.29 0-.482-.126-.575-.378l-1.148-2.87-1.148 2.87c-.094.252-.286.378-.575.378zm12.108-2.73h4.312c.103 0 .19.037.266.112.076.075.113.163.113.266v1.974c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-7.294c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-9.044c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112h7.183c.103 0 .19.037.266.112.074.075.11.163.11.266v1.974c0 .103-.036.19-.11.266-.076.075-.164.112-.267.112h-4.2v.882h3.892c.103 0 .19.037.266.112.076.075.113.163.113.266v1.82c0 .103-.037.19-.112.266-.074.075-.162.112-.265.112h-3.892v.882zm11.89-4.004c0-.168-.05-.32-.147-.455-.098-.134-.24-.202-.427-.202h-1.177v1.274h1.176c.186 0 .328-.06.426-.182.098-.12.147-.266.147-.434zm-1.75 2.954v1.372h1.302c.215 0 .376-.072.483-.217.107-.145.16-.306.16-.483v-.014c0-.177-.057-.33-.174-.462-.117-.13-.273-.196-.47-.196h-1.3zM396.2 147h-4.79c-.102 0-.19-.037-.265-.112-.075-.075-.112-.163-.112-.266v-9.044c0-.103.037-.19.112-.266.075-.075.163-.112.266-.112h4.65c1.324 0 2.302.24 2.932.72.63.482.945 1.207.945 2.178v.042c0 .4-.117.758-.35 1.07-.233.314-.49.54-.77.68.373.15.688.413.945.79.257.38.385.792.385 1.24 0 2.053-1.316 3.08-3.948 3.08z"></path>
                        <g id="linkRock">
                          <path id="www.nerdmanship.com" fill="#F1B742" d="M226.788 154.76h1.116c.216 0 .352.096.408.288l.78 2.496.732-2.496c.056-.192.192-.288.408-.288h1.848c.08 0 .148.028.204.084.056.056.084.112.084.168 0 .056-.004.1-.012.132l-1.752 5.556c-.064.2-.196.3-.396.3H228.6c-.2 0-.332-.1-.396-.3l-.852-2.424-.864 2.424c-.064.2-.196.3-.396.3h-1.608c-.2 0-.332-.1-.396-.3l-1.752-5.556c-.008-.032-.012-.076-.012-.132 0-.056.028-.112.084-.168.056-.056.124-.084.204-.084h1.848c.216 0 .352.096.408.288l.732 2.496.78-2.496c.056-.192.192-.288.408-.288zm10.755 0h1.116c.215 0 .35.096.407.288l.78 2.496.732-2.496c.055-.192.19-.288.407-.288h1.848c.08 0 .148.028.204.084.055.056.083.112.083.168 0 .056-.004.1-.012.132l-1.75 5.556c-.065.2-.197.3-.397.3h-1.608c-.2 0-.332-.1-.396-.3l-.853-2.424-.864 2.424c-.064.2-.196.3-.396.3h-1.608c-.2 0-.333-.1-.397-.3l-1.752-5.556c-.007-.032-.01-.076-.01-.132 0-.056.027-.112.083-.168.056-.056.124-.084.204-.084h1.848c.216 0 .352.096.408.288l.732 2.496.78-2.496c.056-.192.192-.288.408-.288zm10.756 0h1.115c.216 0 .352.096.408.288l.78 2.496.732-2.496c.056-.192.192-.288.408-.288h1.848c.08 0 .15.028.205.084.056.056.084.112.084.168 0 .056-.005.1-.013.132l-1.752 5.556c-.064.2-.196.3-.396.3h-1.61c-.2 0-.33-.1-.395-.3l-.852-2.424L248 160.7c-.065.2-.197.3-.397.3h-1.608c-.2 0-.332-.1-.396-.3l-1.753-5.556c-.008-.032-.012-.076-.012-.132 0-.056.028-.112.084-.168.055-.056.123-.084.203-.084h1.848c.217 0 .353.096.41.288l.73 2.496.78-2.496c.057-.192.193-.288.41-.288zm7.094 3.504h2.088c.088 0 .164.032.228.096s.096.14.096.228v2.088c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.088c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-2.088c0-.088.032-.164.096-.228s.14-.096.228-.096zm11.032-.9v3.312c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.292c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-3.228c0-.44-.2-.66-.6-.66-.4 0-.6.22-.6.66v3.228c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.28c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-5.592c0-.088.032-.164.096-.228s.14-.096.228-.096h2.1c.088 0 .164.032.228.096s.096.14.096.228v.396c.208-.248.49-.45.846-.606.356-.156.738-.234 1.146-.234.656 0 1.208.23 1.656.69.448.46.672 1.138.672 2.034zm7.707 1.224h-3.576v.06c0 .488.156.732.468.732.088 0 .196-.064.324-.192.127-.128.267-.192.42-.192h2.267c.176 0 .264.088.264.264 0 .392-.293.8-.88 1.224-.59.424-1.385.636-2.39.636-1.003 0-1.823-.262-2.46-.786-.635-.524-.953-1.246-.953-2.166v-.576c0-.872.324-1.582.972-2.13.647-.548 1.497-.822 2.55-.822 1.05 0 1.867.308 2.447.924.58.616.87 1.396.87 2.34v.36c0 .088-.032.164-.096.228-.063.064-.14.096-.227.096zm-3.096-2.268c-.32 0-.48.24-.48.72v.048h.96v-.048c0-.48-.16-.72-.48-.72zm7.3-1.236v.42c.56-.496 1.184-.744 1.872-.744h.575c.088 0 .164.032.228.096s.096.14.096.228v1.872c0 .088-.033.164-.097.228s-.14.096-.228.096h-1.548c-.216 0-.386.05-.51.15-.124.1-.194.234-.21.402v2.844c0 .088-.032.164-.096.228-.063.064-.14.096-.227.096h-2.28c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-5.592c0-.088.03-.164.095-.228.064-.064.14-.096.228-.096h2.1c.088 0 .164.032.228.096.065.064.097.14.097.228zm3.783 3.264v-.948c0-.896.24-1.58.72-2.052s1.066-.708 1.758-.708 1.246.188 1.662.564v-2.4c0-.088.032-.164.096-.228s.14-.096.228-.096h2.22c.088 0 .164.032.228.096s.096.14.096.228v7.872c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.04c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-.36c-.416.536-1.004.804-1.764.804s-1.376-.226-1.848-.678c-.472-.452-.708-1.15-.708-2.094zm4.14-.072v-.888c-.024-.4-.224-.6-.6-.6-.4 0-.6.232-.6.696v.792c0 .464.2.696.6.696.4 0 .6-.232.6-.696zm11.295-1.488c-.128 0-.238.048-.33.144-.092.096-.138.24-.138.432v3.312c0 .088-.032.164-.096.228-.063.064-.14.096-.227.096h-2.112c-.087 0-.163-.032-.227-.096s-.096-.14-.096-.228v-3.228c0-.44-.16-.66-.48-.66-.136 0-.25.05-.342.15-.092.1-.138.238-.138.414v3.324c0 .088-.032.164-.096.228-.063.064-.14.096-.227.096h-2.16c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-5.592c0-.088.03-.164.095-.228.064-.064.14-.096.228-.096h1.98c.088 0 .164.032.228.096.065.064.097.14.097.228v.396c.16-.208.388-.396.684-.564.33-.184.697-.276 1.105-.276.88 0 1.472.328 1.776.984.193-.28.457-.514.793-.702.336-.188.684-.282 1.044-.282.648 0 1.178.228 1.59.684.412.456.618 1.136.618 2.04v3.312c0 .088-.032.164-.096.228-.065.064-.14.096-.23.096h-2.11c-.09 0-.165-.032-.23-.096-.063-.064-.095-.14-.095-.228v-3.228c0-.44-.16-.66-.48-.66zm4.432 2.424c0-1.08.876-1.772 2.628-2.076l1.272-.204c0-.24-.02-.402-.06-.486-.04-.084-.134-.126-.282-.126-.148 0-.294.064-.438.192-.144.128-.28.192-.408.192h-2.04c-.177 0-.265-.086-.265-.258 0-.172.062-.356.186-.552.125-.196.305-.39.54-.582.237-.192.57-.352.997-.48.428-.128.906-.192 1.434-.192 1.073 0 1.877.224 2.413.672.536.448.804 1.088.804 1.92v3.444c0 .088-.032.164-.096.228-.063.064-.14.096-.227.096h-2.1c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-.336c-.377.52-.925.78-1.645.78s-1.298-.182-1.734-.546c-.435-.364-.653-.818-.653-1.362zm3.156.132c.52 0 .78-.312.78-.936l-.708.156c-.352.08-.528.228-.528.444 0 .096.04.176.12.24.08.064.192.096.336.096zm12.063-1.98v3.312c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.292c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-3.228c0-.44-.2-.66-.6-.66-.4 0-.6.22-.6.66v3.228c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.28c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-5.592c0-.088.032-.164.096-.228s.14-.096.228-.096h2.1c.088 0 .164.032.228.096s.096.14.096.228v.396c.208-.248.49-.45.846-.606.356-.156.738-.234 1.146-.234.656 0 1.208.23 1.656.69.448.46.672 1.138.672 2.034zm4.696 1.908c0-.08-.02-.144-.06-.192-.104-.128-.488-.254-1.152-.378-.664-.124-1.202-.344-1.614-.66-.412-.316-.618-.758-.618-1.326 0-.568.272-1.056.816-1.464.544-.408 1.278-.612 2.202-.612.924 0 1.682.192 2.274.576.592.384.888.772.888 1.164 0 .088-.026.164-.078.228-.052.064-.114.096-.186.096h-2.016c-.12 0-.268-.064-.444-.192s-.308-.192-.396-.192c-.184 0-.276.064-.276.192 0 .08.02.144.06.192.104.12.54.236 1.308.348.768.112 1.342.358 1.722.738.38.38.57.802.57 1.266 0 .648-.292 1.156-.876 1.524-.584.368-1.412.552-2.484.552-.568 0-1.072-.064-1.512-.192-.44-.128-.776-.288-1.008-.48-.456-.376-.684-.728-.684-1.056 0-.088.028-.164.084-.228.056-.064.124-.096.204-.096h2.088c.112 0 .258.062.438.186s.35.186.51.186c.16 0 .24-.06.24-.18zm7.143-1.824v3.228c0 .088-.032.164-.096.228-.065.064-.14.096-.23.096h-2.34c-.087 0-.163-.032-.227-.096s-.096-.14-.096-.228v-7.872c0-.088.032-.164.096-.228s.14-.096.228-.096h2.34c.09 0 .165.032.23.096.063.064.095.14.095.228v2.58c.456-.496 1.04-.744 1.752-.744s1.3.232 1.764.696c.465.464.697 1.14.697 2.028v3.3c0 .088-.032.164-.096.228-.063.064-.14.096-.227.096h-2.352c-.087 0-.163-.032-.227-.096s-.096-.14-.096-.228v-3.216c0-.44-.202-.66-.606-.66-.403 0-.605.22-.605.66zM337.1 161h-2.147c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-5.592c0-.088.03-.164.095-.228.064-.064.14-.096.228-.096h2.148c.09 0 .165.032.23.096.063.064.095.14.095.228v5.592c0 .088-.032.164-.096.228-.065.064-.14.096-.23.096zm.265-8.556v1.452c0 .088-.032.164-.096.228-.065.064-.14.096-.23.096h-2.027c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-1.452c0-.088.03-.164.095-.228.064-.064.14-.096.228-.096h2.028c.09 0 .165.032.23.096.063.064.095.14.095.228zm8.5 4.968v.948c0 .896-.24 1.58-.72 2.052s-1.067.708-1.76.708c-.69 0-1.245-.188-1.66-.564v2.4c0 .088-.033.164-.097.228s-.14.096-.228.096h-2.22c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-7.872c0-.088.032-.164.096-.228s.14-.096.228-.096h2.04c.088 0 .164.032.228.096s.096.14.096.228v.36c.416-.536 1.004-.804 1.764-.804s1.376.226 1.848.678c.472.452.708 1.15.708 2.094zm-4.14.072v.888c.023.4.223.6.6.6.4 0 .6-.232.6-.696v-.792c0-.464-.2-.696-.6-.696-.4 0-.6.232-.6.696zm5.834.78h2.087c.088 0 .164.032.228.096s.096.14.096.228v2.088c0 .088-.03.164-.095.228-.064.064-.14.096-.228.096h-2.088c-.09 0-.165-.032-.23-.096-.063-.064-.095-.14-.095-.228v-2.088c0-.088.032-.164.096-.228.065-.064.14-.096.23-.096zm6.723-.804v.84c0 .272.036.468.108.588.073.12.185.18.337.18.152 0 .256-.026.312-.078.055-.052.113-.152.173-.3.06-.148.174-.222.342-.222h2.34c.088 0 .164.032.228.096s.096.148.096.252c0 .104-.037.244-.11.42-.07.176-.195.376-.37.6-.177.224-.393.43-.65.618-.255.188-.59.346-1.007.474-.416.128-.876.192-1.38.192-1 0-1.81-.262-2.43-.786-.62-.524-.93-1.25-.93-2.178v-.552c0-.928.31-1.654.93-2.178.62-.524 1.43-.786 2.43-.786.592 0 1.128.09 1.608.27.48.18.85.4 1.11.66.26.26.46.514.595.762.136.248.204.438.204.57 0 .132-.033.23-.097.294-.064.064-.14.096-.228.096h-2.34c-.152 0-.268-.08-.348-.24-.112-.24-.26-.36-.444-.36-.32 0-.48.256-.48.768zm4.947.828v-.816c0-.912.324-1.612.972-2.1.648-.488 1.484-.732 2.508-.732s1.86.244 2.508.732c.648.488.972 1.188.972 2.1v.816c0 .92-.312 1.622-.936 2.106-.624.484-1.472.726-2.544.726s-1.92-.242-2.544-.726c-.624-.484-.936-1.186-.936-2.106zm4.02.096v-1.008c0-.304-.04-.516-.12-.636-.08-.12-.22-.18-.42-.18-.2 0-.34.06-.42.18-.08.12-.12.332-.12.636v1.008c0 .32.04.536.12.648.08.112.22.168.42.168.2 0 .34-.06.42-.18.08-.12.12-.332.12-.636zm11.188-1.596c-.128 0-.238.048-.33.144-.092.096-.138.24-.138.432v3.312c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.112c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-3.228c0-.44-.16-.66-.48-.66-.136 0-.25.05-.342.15-.092.1-.138.238-.138.414v3.324c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.16c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-5.592c0-.088.032-.164.096-.228s.14-.096.228-.096h1.98c.088 0 .164.032.228.096s.096.14.096.228v.396c.16-.208.388-.396.684-.564.328-.184.696-.276 1.104-.276.88 0 1.472.328 1.776.984.192-.28.456-.514.792-.702.336-.188.684-.282 1.044-.282.648 0 1.178.228 1.59.684.412.456.618 1.136.618 2.04v3.312c0 .088-.032.164-.096.228s-.14.096-.228.096h-2.112c-.088 0-.164-.032-.228-.096s-.096-.14-.096-.228v-3.228c0-.44-.16-.66-.48-.66zm11.803-1.104v-1.692c0-.072.027-.134.08-.186.05-.052.11-.078.18-.078.067 0 .125.02.173.06l2.604 2.532c.112.096.168.208.168.336v.792c0 .128-.056.24-.168.336l-2.604 2.532c-.048.04-.106.06-.174.06-.07 0-.13-.026-.18-.078-.053-.052-.08-.114-.08-.186v-1.692c0-.216.073-.396.217-.54l.828-.828-.828-.828c-.144-.144-.216-.324-.216-.54zm-3.48 0v-1.692c0-.072.027-.134.08-.186.05-.052.11-.078.18-.078.067 0 .125.02.173.06l2.604 2.532c.112.096.168.208.168.336v.792c0 .128-.056.24-.168.336l-2.604 2.532c-.048.04-.106.06-.174.06-.07 0-.13-.026-.18-.078-.053-.052-.08-.114-.08-.186v-1.692c0-.216.073-.396.217-.54l.828-.828-.828-.828c-.144-.144-.216-.324-.216-.54z"></path>
                          <path id="Line" stroke="#F0B642" d="M224.5 162.5h113.07" stroke-linecap="square"></path>
                          <path id="Line-Copy" stroke="#F0B642" d="M389.51 162.5h-45.94" stroke-linecap="square"></path>
                        </g>
                      </g>
                      <g id="handLeft">
                        <path id="Path-29" fill="#5D5A51" d="M197 137l-11 5h4l6-2z"></path>
                        <path id="Path-32" fill="#5D5951" d="M189 148l9-1-1 2-9 2-3-1z"></path>
                        <path id="Path-34" fill="#817E73" d="M180 156l-1 2-5-2-1-5z"></path>
                        <path id="Path-35" fill="#5D5A51" d="M179 158h8l7 1v-2l-4-1h-10z"></path>
                        <path id="Path-36" fill="#716D61" d="M196 154v2l-2 3v-2z"></path>
                        <path id="Path-25" fill="#A7A39B" d="M194 135l3 2-11 5h4l7 2 1 3-9 1-4 2h4l6 2 1 2-2 3-4-1h-10l1-20z"></path>
                        <path id="Path-26" fill="#BCB8B0" d="M181 136l2 6v8l-3 6-7-5 2-13z"></path>
                      </g>
                      <g id="mossHand">
                        <path id="Path-4" fill="#384C2F" d="M190 135l-9 4-9 10 2-6-2 1 3-7 7-2z"></path>
                        <path id="Path-4-Copy" fill="#648156" d="M190 135l-11 4-7 10 3-8-3 3 3-7 7-2z"></path>
                      </g>
                      <g id="handRight">
                        <path id="Path-29" fill="#817E73" d="M415.304 135.673l10.31 6.303-3.97-.487-5.713-2.717z"></path>
                        <path id="Path-32" fill="#817E73" d="M421.904 147.566l-8.81-2.09.748 2.108 8.69 3.082 3.1-.627z"></path>
                        <path id="Path-34" fill="#5D5A51" d="M429.862 156.603l.75 2.107 5.205-1.376 1.602-4.84z"></path>
                        <path id="Path-35" fill="#817E73" d="M430.61 158.71l-7.94-.975-7.07.14.245-1.985 4.092-.505 9.925 1.218z"></path>
                        <path id="Path-36" fill="#817E73" d="M414.225 152.668l-.244 1.985 1.62 3.222.245-1.985z"></path>
                        <path id="Path-25" fill="#BCB8B0" d="M418.526 134.054l-3.222 1.62 10.31 6.302-3.97-.487-7.193 1.13-1.357 2.857 8.81 2.09 3.728 2.472-3.97-.49-6.2 1.255-1.235 1.863 1.62 3.222 4.092-.505 9.925 1.218 1.445-19.973z"></path>
                        <path id="Path-26" fill="#A7A39B" d="M431.307 136.63l-2.716 5.712-.974 7.94 2.246 6.32 7.557-4.108-.4-13.147z"></path>
                      </g>
                    </g></a>
                </g>
              </g>
            </g>
          </svg>
        </div>
      </div>
    </aside>
  </div>
</section>
<!-- Production controls-->
<div class="controls row">
  <div class="buttons small-4 columns">
    <button class="button" id="btnFirstFrame"><i class="fa fa-step-backward fa-2x"></i></button>
    <button class="button" id="btnReverse"><i class="fa fa-play fa-2x fa-rotate-180"></i></button>
    <button class="button" id="btnPause"><i class="fa fa-pause fa-2x"></i></button>
    <button class="button" id="btnPlay"><i class="fa fa-play fa-2x"></i></button>
    <button class="button" id="btnLastFrame"><i class="fa fa-step-forward fa-2x"></i></button>
  </div>
  <div class="scrubb small-8 columns">
    <div id="slider"></div>
  </div>
</div>
              
            
!

CSS

              
                // Typography vars
// $open: 'Open Sans', sans-serif;
// $rubik: 'Rubik One', sans-serif;

.container {
  @media only screen and (min-width: 40.063em) { width: 720px; }
  @media only screen and (min-width: 64.063em) { width: 960px; }
  position: relative;
  display: block;
  width: 280px;
  margin: 0 auto;
  header {
    opacity: 0;
    position: relative;
    z-index: 1;
    #tabzilla {
      float: none;
      position: absolute;
      right: 10px;
      top: 0;
      a {
        background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/580123/tabzilla-static-high-res.png);
        -webkit-background-size: 147px 37px;
        background-size: 147px 37px;
        position: relative;
        display: block;
        width: 147px;
        height: 37px;
        text-indent: 120%;
        white-space: nowrap;
        overflow: hidden;
        background-repeat: no-repeat;
        z-index: 2;
      }
    }
    h2 {
      padding: 30px 0 20px;
      margin: 0 10px;
    }
  }
}





.main-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  color: #fff;
  z-index: 1;
  text-align: center;
  margin-top:60px;
	.ffLogoSmall {
		visibility: hidden;
		position: absolute;
	}
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.035em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
  }
  .button {
    &:hover {
      background-color: #66bb6a;
    }
    position: relative;
    line-height: 1.5;
    display: inline-block;
    background-color: #4caf50;
    color: #fff;
    border: 2px solid #4aa84a;
    padding: 10px 36px;
    border-radius: 4px;
    font-size: 1.25rem;
    text-align: center;
    cursor: pointer;
    text-shadow: none;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
  }
	strong {
		font-weight: normal;
	}
  small {
    display: block;
    font-size: 1rem;
    text-align: center;
    text-shadow: none;
    line-height: 1.3;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-top: -10px;
  }
}

.scene {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 120%;
  .layer {
    position:absolute;
    width: 100%;
    height: 100%;
    .fullArtwork {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      opacity: 0;
	  min-height: 450px;
    }
  }
}

.controls {
	z-index: 9999;
}

@media only screen and (max-width: 760px) {
	.container { max-width: 440px;}
	.main-content { min-width: 220px;}
	.ffLogoBig { visibility: hidden; }
	.main-content h1 {font-size: 2.25rem;}
	.main-content .ffLogoSmall {
		visibility: visible;
		top: -105px;
		left: 60px;	
	}
}

.info {
	p {
	    line-height: 1.5;
	    color: #333;
	}
	strong {
		color: #555;
	}
	a {
		font-weight: bold;
	}
}
              
            
!

JS

              
                //-----------------------------------
// PRODUCTION CONTROLS SCRIPT -------
//-----------------------------------

$("#btnFirstFrame").on("click", function(){tlMain.progress(0);});
$("#btnReverse").on("click", function(){tlMain.reverse();});
$("#btnPause").on("click", function(){tlMain.pause();});
$("#btnPlay").on("click", function(){tlMain.play();});
$("#btnLastFrame").on("click", function(){tlMain.progress(1);});

$("#slider").slider({
  range: false,
  min: 0,
  max: 1,
  step:.001,
  slide: function ( event, ui ) {
    tlMain.progress( ui.value ).pause();
  },
  stop: function () {
    tlMain.play();
  }
});	

function updateSlider() {
  $("#slider").slider("value", tlMain.progress());
} 

function showCtrls() { 
  if (showControls) { TweenMax.set(".controls", { autoAlpha: 1 }); }
};

//-----------------------------------
// END OF PRODUCTION CONTROLS SCRIPT 
//-----------------------------------

//-----------------------------------
// HELPER FUNCTIONS -----------------
//-----------------------------------

var select = function(s) { return document.querySelector(s); };
var selectAll = function(s) { return document.querySelectorAll(s); };

// Function to return random number between given range
function random(min, max) {
  if (max == null) { max = min; min = 0; }
  return Math.random() * (max - min) + min;
}

function chanceRoll(chance) {
  if (chance == null) { chance = 50; }
  return chance > 0 && Math.random() * 100 <= chance;
}

//-----------------------------------
// END OF HELPER FUNCTIONS ----------
//-----------------------------------

//-----------------------------------
// PANEL SCRIPT ---------------------
//-----------------------------------

var open = false;

var body = select("body");
var panelBackdrop = select(".panelBackdrop");
var panel = select(".panel");
var panelRect = select("#panelRect");
var panelBgSVG = select("#panelBgSVG");
var panelIconSVG = select("#panelIconSVG");
var panelIcon = select("#panelIcon");
var panelIconLine1 = select("#panelIconLine1");
var panelIconLine2 = select("#panelIconLine2");
var docWidth;
var panelWidth;
var panelHeight = 400;
var panelMaxSize = 1200;
var panelPosClosed = -305;
var panelPosOpen = 0;
var artWidth = 620;
var iconWidth = 50;
var iconPadding = 20;
var iconPos;
var iconPosStart = -50;
var baseDur = 0.4;
var panelEase = Back.easeOut;


// Starting Values
TweenMax.set(panelIconSVG, { width: iconWidth, bottom: iconPosStart });
TweenMax.set(panelIconLine1, { drawSVG:"95% 100%", transformOrigin: "center" });
TweenMax.set(panelIconLine2, { drawSVG:"0% 55%", transformOrigin: "center" });
TweenMax.set(panel, { bottom: panelPosClosed, left: "50%", xPercent: "-50%", maxWidth: panelMaxSize, transformOrigin: "bottom left" });

// Set panel colors according to vars in template settings
function setPanelColors() {
	TweenMax.set("#stop1", { attr:{ "stop-color": upperPanelColor } });
	TweenMax.set("#stop2", { attr:{ "stop-color": lowerPanelColor } });
	TweenMax.set(panelIcon, { fill: iconFill, stroke: iconStroke });
	TweenMax.set(panelRect, { stroke: rectStroke });
};

// Show panel if showInfoPanel is set to true
function showPanel() { 
  if (showInfoPanel) { TweenMax.set(panel, { autoAlpha: 1 }); TweenMax.set(panelIconSVG, { autoAlpha: 1 }); }
};

// Show panel toggle icon according to timer in template settings
function revealInfoIcon() {
	setTimeout(function() {
		TweenMax.to(panelIconSVG, baseDur, { bottom: iconPadding, ease: panelEase });
	}, revealInfoButtonAfterSeconds*1000);
};

// Set panel properties on load and resize
function setPanelProps() {
	docWidth = window.innerWidth;
	if (docWidth > panelMaxSize) {
		panelWidth = panelMaxSize;
		iconPos = panelMaxSize - iconWidth;
	} else {
		panelWidth = docWidth;
		iconPos = docWidth - iconWidth - iconPadding;
	}
	TweenMax.to(panel, baseDur, { width: panelWidth });
	TweenMax.to(panelIconSVG, baseDur, { x: iconPos });
	TweenMax.to(panelBgSVG, baseDur, { width: panelWidth, height: panelHeight, attr:{ viewBox:"0 0 " + panelWidth + " " + panelHeight } });
	
	// Center .rockLogo
	if (panelWidth<640) {
		TweenMax.to(".rock", 0, { marginLeft: (panelWidth-20-artWidth)/2 });
	} else {
		TweenMax.to(".rock", 0, { marginLeft: -150 });
	}
}
window.addEventListener("load", setPanelProps);
window.addEventListener("resize", setPanelProps);

// Open and Close panel

// HOVER
panelIconSVG.addEventListener("mouseover", function() {
	TweenMax.to(panelIconSVG, baseDur, { scale: 1.1, ease: panelEase });
	if (!open) {
		TweenMax.to(panel, baseDur, { bottom: panelPosClosed, rotation: -1, ease: panelEase });
	}
});
panelIconSVG.addEventListener("mouseout", function() {
	TweenMax.to(panelIconSVG, baseDur, { scale: 1, ease: panelEase });
	if (!open){
		TweenMax.to(panel, baseDur, { bottom: panelPosClosed, rotation: 0, ease: panelEase });	
	}
});

// CLICK
panelIconSVG.addEventListener("click", function() {
	if (!open) {
		openPanel();
	} else {
		closePanel();
	}
});
panelBackdrop.addEventListener("click", closePanel);

function openPanel() {
	TweenMax.to(panel, baseDur, { bottom: panelPosOpen, ease: panelEase });
	TweenMax.to(panel, baseDur, { bezier: [{rotation: -1},{rotation: -5},{rotation: 0}] });
	TweenMax.to(panelIconSVG, baseDur, { bottom: iconPadding-panelPosClosed, ease: panelEase, delay: 0.05 });
	TweenMax.to(panelBackdrop, baseDur, { autoAlpha: 0.5 });
	TweenMax.set(body, { overflow: "hidden" });
	animToCloseIcon();
	open = true;
}

function closePanel() {
	TweenMax.to(panel, baseDur, { bottom: panelPosClosed, ease: Back.easeInOut });
	TweenMax.to(panel, baseDur*2, { bezier: [{rotation: 0},{rotation: 5},{rotation: 0}], ease: Power0.easeNone });
	TweenMax.to(panelIconSVG, 0.6, { bottom: iconPadding, ease: Back.easeInOut, delay: 0.05 });
	TweenMax.to(panelBackdrop, baseDur, { autoAlpha: 0 });
	TweenMax.set(body, { overflow: "visible" });
	animToInfoIcon();
	open = false;
}

function animToInfoIcon() {
	new TimelineMax()
		.to(panelIconLine1, 0.2, { rotation: 0 }, 0)
		.to(panelIconLine2, 0.2, { rotation: 0 }, 0)
		.add("expand")
		.to(panelIconLine1, 0.1, { drawSVG:"95% 100%" }, "expand")
		.to(panelIconLine2, 0.1, { drawSVG:"0% 55%" }, "expand")
}
function animToCloseIcon() {
	new TimelineMax()
		.to(panelIconLine1, 0.1, { drawSVG:"0% 100%" }, 0)
		.to(panelIconLine2, 0.1, { drawSVG:"0% 100%" }, 0)
		.add("expand")
		.to(panelIconLine1, 0.2, { rotation: 45 }, "expand")
		.to(panelIconLine2, 0.2, { rotation: -45 }, "expand")
}

//-----------------------------------
// END OF PANEL SCRIPT --------------
//-----------------------------------

//-----------------------------------
// LOGO ANIMATION SCRIPT ------------
//-----------------------------------

var logoLeftBrow = select(".logo-eyeL_brow"),
	logoRightBrow = select(".logo-eyeR_brow"),
	logoBrows = [logoLeftBrow, logoRightBrow],

	logoTopLids = selectAll(".logoLidTop"),
	logoBottomLids = selectAll(".logoLidBtm"),

	logoLeftIris = select(".logo-eyeL_iris"),
	logoRightIris = select(".logo-eyeR_iris"),
	logoIris = [logoLeftIris, logoRightIris],

	logoLeftPupil = select(".logo-eyeL_pupil"),
	logoRightPupil = select(".logo-eyeR_pupil");
	
window.setInterval(function() {
	var animDur = random( 0.3, 1.3 )
	
	if (chanceRoll(90)){
		var
		browsRot = random( -15, 15 ),
		browsPosY = random( -5, 3 ),
		irisPosX = random( -11, 43 ),
		irisScale = random( 1, 1.3 ),
		pupilScale = random( 0.7, 1.5 ),
		irisPosY = random( -5, 35 ),
		topLidsPosY,
		btmLidsPosY;

		// Avoids covering pupils with lids
		if (irisPosY < 0) {
			topLidsPosY = random(-25, -15);
			btmLidsPosY = random(0, 15);		
		} else if (irisPosY < 15) {
			topLidsPosY = random(-25, -10);
			btmLidsPosY = random(0, 15);
		} else if (irisPosY > 20) {
			topLidsPosY = random(-25, 0);
			btmLidsPosY = random(10, 15);
		} else {
			topLidsPosY = random(-25, 0);
			btmLidsPosY = random(0, 15);		
		}

		TweenMax.to(logoBrows, animDur, { y: browsPosY, ease: Power2.easeInOut });
		TweenMax.to(logoLeftBrow, animDur, { rotation: browsRot, transformOrigin: "center" });
		TweenMax.to(logoRightBrow, animDur, { rotation: -browsRot, transformOrigin: "center" });

		TweenMax.to(logoTopLids, animDur, { y: topLidsPosY });
		TweenMax.to(logoBottomLids, animDur, { y: btmLidsPosY });

		TweenMax.to(logoIris, animDur, { scale: irisScale, transformOrigin: "center" });
		TweenMax.to(logoLeftIris, animDur, { x: irisPosX, y: irisPosY, ease: Power4.easeOut });
		TweenMax.to(logoRightIris, animDur, { x: 32-irisPosX, y: irisPosY, ease: Power4.easeOut });

		TweenMax.to(logoLeftPupil, animDur, { scale: pupilScale, transformOrigin: "center" });
		TweenMax.to(logoRightPupil, animDur, { scale: pupilScale, transformOrigin: "center" });
	} else {
		var irisPosY = random( 5, 35 ),
			topLidsPosY,
			btmLidsPosY;

		// Avoids covering pupils with lids
		if (irisPosY < 0) {
			topLidsPosY = random(-25, -15);
			btmLidsPosY = random(0, 15);		
		} else if (irisPosY < 10) {
			topLidsPosY = random(-25, -10);
			btmLidsPosY = random(0, 15);
		} else if (irisPosY > 30) {
			topLidsPosY = random(-25, 0);
			btmLidsPosY = random(10, 15);
		} else if (irisPosY > 20) {
			topLidsPosY = random(-25, 0);
			btmLidsPosY = random(5, 15);
		} else {
			topLidsPosY = random(-25, 0);
			btmLidsPosY = random(0, 15);		
		}

		TweenMax.to(logoLeftBrow, animDur, { rotation: random( -15, 15 ), y: random( -5, 3 ), transformOrigin: "center" });
		TweenMax.to(logoRightBrow, animDur, { rotation: -random( -15, 15 ), y: random( -5, 3 ), transformOrigin: "center" });

		TweenMax.to(logoTopLids, animDur, { y: topLidsPosY });
		TweenMax.to(logoBottomLids, animDur, { y: btmLidsPosY });

		TweenMax.to(logoLeftIris, animDur, { x: random( -11, 43 ), y: irisPosY, scale: random( 1, 1.5 ), transformOrigin: "center" });
		TweenMax.to(logoRightIris, animDur, { x: random( -11, 43 ), y: irisPosY, scale: random( 1, 1.5 ), transformOrigin: "center" });

		TweenMax.to(logoLeftPupil, animDur, { scale: random( 0.7, 1.9 ), transformOrigin: "center" });
		TweenMax.to(logoRightPupil, animDur, { scale: random( 0.7, 1.9 ), transformOrigin: "center" });
	}
}, 2000);

window.setInterval(function() {
	TweenMax.to("#logoSign", random( 0.7, 1.5 ), { scale: random( 0.9, 1.1 ), transformOrigin: "center", ease: Power4.easeInOut })
}, 3200);

window.setInterval(function() {
	TweenMax.to("#logoSign", random( 0.6, 1.5 ), { y: random( -15, 15 ), ease: Power3.easeInOut })
}, 1850);

window.setInterval(function() {
	TweenMax.to("#logoSign", random( 0.5, 0.9 ), { rotation: random( -10, 10 ), transformOrigin: "center", ease: Power2.easeInOut })
}, 900);

//-----------------------------------
// END OF LOGO ANIMATION SCRIPT -----
//-----------------------------------


//---------------------------------------
// TEMPLATE SETTINGS --------------------
//---------------------------------------

// Show production controls true/false & execute
var showControls = false;
showCtrls();

// Use panel true/false & execute
var showInfoPanel = true;
showPanel();

// Reveal info buttom after seconds, or use as callback
var revealInfoButtonAfterSeconds = 4;
revealInfoIcon();

// Customize panel styles to match pen & execute
var upperPanelColor = "hsla(0, 0%, 50%, 0.5)",
	lowerPanelColor = "hsla(0, 0%, 50%, 0.8)",
	rectStroke = lowerPanelColor,
	iconFill = upperPanelColor,
	iconStroke = lowerPanelColor;
setPanelColors();




// 1 VARIABLES
var

// 1.1 Elements
scene = select(".scene"),
	scrubber = select(".scrubb"),
	container = select(".container"),
	mainContent = select(".main-content"),
	artwork = select(".fullArtwork"),
	artLayer = selectAll(".artLayer"),
	mountain1 = select(".mountain1"),
	mountain2 = select(".mountain2"),
	mountain3 = select(".mountain3"),
	forest1 = select(".forest1"),
	forest2 = select(".forest2"),
	forest3 = select(".forest3"),
	foreground = select(".foreground"),

	sun = select(".sun"),
	ray = selectAll(".ray"),
	rayOne = select(".rayOne"),
	rayTwo = select(".rayTwo"),
	rayThree = select(".rayThree"),
	rayFour = select(".rayFour"),
	rayFive = select(".rayFive"),
  innerRays = [rayOne, rayTwo, rayThree],
  tlMain = new TimelineLite({ onStart: start, onComplete: finish });

// 2 SETTINGS
TweenMax.set(artwork, {attr: { viewBox: '1345 480 7 2'} });
TweenMax.set(artwork, { autoAlpha: 1 });
TweenMax.set(artLayer, { fill: "#2D253A", scale: 3, transformOrigin: "center center" });
TweenMax.set(mountain1, { yPercent: 20 });
TweenMax.set(mountain2, { yPercent: 50 });
TweenMax.set(mountain3, { yPercent: 80 });
TweenMax.set(forest1, { yPercent: 120 });
TweenMax.set(forest2, { yPercent: 150 });
TweenMax.set(forest3, { yPercent: 300 });
TweenMax.set(foreground, { yPercent: 50 });

TweenMax.set(sun, { x: "+=17" });
TweenMax.set(ray, { fill: "#FFEDDD", transformOrigin: "center center" });
TweenMax.set(rayOne, { autoAlpha: 0.8 });
TweenMax.set(rayTwo, { autoAlpha: 0.6 });
TweenMax.set(rayThree, { autoAlpha: 0.4 });
TweenMax.set(rayFour, { autoAlpha: 0, scale: 1 });
TweenMax.set(rayFive, { autoAlpha: 0 });

// 3 ANIMATIONS
tlMain
	.to(mountain1, 3, { fill: "#B0708F", yPercent: 0, scale: 1.2, ease: Power3.easeOut }, 0)
	.to(mountain2, 3, { fill: "#9E6280", yPercent: -4, scale: 1.2, ease: Power3.easeOut }, 0.3)
	.to(mountain3, 3, { fill: "#81476D", yPercent: -8, scale: 1.2, ease: Power4.easeOut }, 0.4)
	.to(forest1, 3, { fill: "#683D66", yPercent: -15, scale: 1.2, ease: Power3.easeOut }, 0.8)
	.to(forest2, 3, { fill: "#593656", yPercent: -20, scale: 1.2, ease: Power3.easeOut }, 1.4)
	.to(forest3, 3, { fill: "#482B47", yPercent: -25, scale: 1.2, ease: Power3.easeOut }, 1.7)
	.to(foreground, 3.3, { yPercent: -17, scale: 1.2, ease: Power3.easeOut }, 1.7)
	.to(artwork, 5, { attr: { viewBox: '0 0 2740 787' }, ease: Power2.easeOut }, 0)
	.add("levitate", 5)
	.from("header", 6, { y: "-=100", ease: Power3.easeInOut }, "levitate")
	.to("header", 1, { autoAlpha: 1, ease: Power3.easeInOut }, "levitate")
	.from(mainContent, 6, { scale: 1.3, y: "-=250", ease: Power3.easeInOut }, "levitate")
	.to(mainContent, 6, { autoAlpha: 1, ease: Power3.easeInOut }, "levitate")
	.to(artwork, 6, { attr: { viewBox: '0 0 2740 787' }, ease: Power3.easeInOut }, "levitate")
	.to(mountain1, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
	.to(mountain2, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
	.to(mountain3, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
	.to(forest1, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
	.to(forest2, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
	.to(forest3, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
	.to(foreground, 6, { yPercent: 0, scale: 1, ease: Power3.easeInOut }, "levitate")
;

var started = false;
var finished = false;

function start() {
	if (!(started)) {
		var tl = new TimelineMax();
		tl
			.staggerTo(innerRays, 5, { scale: "+=0.1", autoAlpha: "-=0.3", repeat: -1, yoyo: true }, 1.5, 0)
			.to(rayFour, 5, { bezier: [{ scale: 1, autoAlpha: 0 }, { scale: 1, autoAlpha: 0.2 }, { scale: 1.5, autoAlpha: 0 }], repeat: -1, ease: Linear.easeNone }, 0)
			.to(rayFive, 7, { bezier: [{ scale: 1, autoAlpha: 0 }, { scale: 1, autoAlpha: 0.2 }, { scale: 1.4, autoAlpha: 0 }], repeat: -1, ease: Linear.easeNone }, 1);

		started = true;
	}
}

function finish() {
	if (!(finished)) {
		TweenMax.to(scrubber, 1, { autoAlpha: 0.3 });
		finished = true;
	}
}

window.addEventListener("resize", function() {
  TweenMax.to(mainContent, 0.5, { transform: "matrix(1, 0, 0, 1, " + -(mainContent.clientWidth)/2 + ", 0)" });
});


tlMain.play().timeScale(2);
              
            
!
999px

Console