.chao {
        min-height: 48px;
        max-height: 42%;
        margin: auto 0px 0px 0px;
        display: flex; flex-direction: column;
        z-index: 100;
      }
      
      .chao > img {
        width: 2vw;
        padding-left: 1.7vw;
      }
      
      /** Blue Chao */
      
      .blue-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/bluechao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .bluesit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/bluechao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .blueangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/bluechao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .bluethink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/bluechao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .bluebleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/bluechao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .bluedrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/bluechao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .blue-chaobody,
      .chao:hover .bluesit-chaobody,
      .chao:hover .blueangry-chaobody,
      .chao:hover .bluebleh-chaobody, 
      .chao:hover .bluedrunk-chaobody,
      .chao:hover .bluethink-chaobody {
        background-image: url(images/chaogarden/bluechao/jumpingchao.png);
      }
      
      .chao:not(:hover) .blue-chaobody {
        animation: blueneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .bluesit-chaobody {
        animation: bluesit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .blueangry-chaobody {
        animation: blueangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .bluethink-chaobody {
        animation: bluethink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes blueneu-blink {
        0% {
          background-image: url(images/chaogarden/bluechao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/bluechao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/bluechao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/bluechao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/bluechao/neuchao.png);
        }
      }
      
      @keyframes bluesit-blink {
        0% {
          background-image: url(images/chaogarden/bluechao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/bluechao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/bluechao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/bluechao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/bluechao/sittingchao.png);
        }
      }
      
      @keyframes blueangry-blink {
        0% {
          background-image: url(images/chaogarden/bluechao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/bluechao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/bluechao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/bluechao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/bluechao/angrychao.png);
        }
      }
      
      @keyframes bluethink-blink {
        0% {
          background-image: url(images/chaogarden/bluechao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/bluechao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/bluechao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/bluechao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/bluechao/thinkingchao.png);
        }
      }
      
      /** Hero Chao */
      .hero-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/herochao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .herosit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/herochao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .heroangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/herochao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .herothink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/herochao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .herobleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/herochao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .herodrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/herochao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .hero-chaobody,
      .chao:hover .herosit-chaobody,
      .chao:hover .heroangry-chaobody,
      .chao:hover .herobleh-chaobody, 
      .chao:hover .herodrunk-chaobody,
      .chao:hover .herothink-chaobody {
        background-image: url(images/chaogarden/herochao/jumpingchao.png);
      }
      
      .chao:not(:hover) .hero-chaobody {
        animation: heroneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .herosit-chaobody {
        animation: herosit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .heroangry-chaobody {
        animation: heroangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .herothink-chaobody {
        animation: herothink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes heroneu-blink {
        0% {
          background-image: url(images/chaogarden/herochao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/herochao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/herochao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/herochao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/herochao/neuchao.png);
        }
      }
      
      @keyframes herosit-blink {
        0% {
          background-image: url(images/chaogarden/herochao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/herochao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/herochao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/herochao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/herochao/sittingchao.png);
        }
      }
      
      @keyframes heroangry-blink {
        0% {
          background-image: url(images/chaogarden/herochao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/herochao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/herochao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/herochao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/herochao/angrychao.png);
        }
      }
      
      @keyframes herothink-blink {
        0% {
          background-image: url(images/chaogarden/herochao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/herochao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/herochao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/herochao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/herochao/thinkingchao.png);
        }
      }
      
      /** Dark Chao */
      
      .dark-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/darkchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .darksit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/darkchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .darkangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/darkchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .darkthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/darkchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .darkbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/darkchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .darkdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/darkchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .dark-chaobody,
      .chao:hover .darksit-chaobody,
      .chao:hover .darkangry-chaobody,
      .chao:hover .darkbleh-chaobody, 
      .chao:hover .darkdrunk-chaobody,
      .chao:hover .darkthink-chaobody {
        background-image: url(images/chaogarden/darkchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .dark-chaobody {
        animation: darkneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .darksit-chaobody {
        animation: darksit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .darkangry-chaobody {
        animation: darkangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .darkthink-chaobody {
        animation: darkthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes darkneu-blink {
        0% {
          background-image: url(images/chaogarden/darkchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/darkchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/darkchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/darkchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/darkchao/neuchao.png);
        }
      }
      
      @keyframes darksit-blink {
        0% {
          background-image: url(images/chaogarden/darkchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/darkchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/darkchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/darkchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/darkchao/sittingchao.png);
        }
      }
      
      @keyframes darkangry-blink {
        0% {
          background-image: url(images/chaogarden/darkchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/darkchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/darkchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/darkchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/darkchao/angrychao.png);
        }
      }
      
      @keyframes darkthink-blink {
        0% {
          background-image: url(images/chaogarden/darkchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/darkchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/darkchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/darkchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/darkchao/thinkingchao.png);
        }
      }
      
      /** Gold Chao */
      .gold-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/goldchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .goldsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/goldchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .goldangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/goldchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .goldthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/goldchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .goldbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/goldchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .golddrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/goldchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .gold-chaobody,
      .chao:hover .goldsit-chaobody,
      .chao:hover .goldangry-chaobody,
      .chao:hover .goldbleh-chaobody, 
      .chao:hover .golddrunk-chaobody,
      .chao:hover .goldthink-chaobody {
        background-image: url(images/chaogarden/goldchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .gold-chaobody {
        animation: goldneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .goldsit-chaobody {
        animation: goldsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .goldangry-chaobody {
        animation: goldangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .goldthink-chaobody {
        animation: goldthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes goldneu-blink {
        0% {
          background-image: url(images/chaogarden/goldchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/goldchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/goldchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/goldchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/goldchao/neuchao.png);
        }
      }
      
      @keyframes goldsit-blink {
        0% {
          background-image: url(images/chaogarden/goldchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/goldchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/goldchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/goldchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/goldchao/sittingchao.png);
        }
      }
      
      @keyframes goldangry-blink {
        0% {
          background-image: url(images/chaogarden/goldchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/goldchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/goldchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/goldchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/goldchao/angrychao.png);
        }
      }
      
      @keyframes goldthink-blink {
        0% {
          background-image: url(images/chaogarden/goldchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/goldchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/goldchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/goldchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/goldchao/thinkingchao.png);
        }
      }
      
      /** Silver Chao */
      .silver-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/silverchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .silversit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/silverchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .silverangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/silverchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .silverthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/silverchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .silverbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/silverchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .silverdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/silverchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .silver-chaobody,
      .chao:hover .silversit-chaobody,
      .chao:hover .silverangry-chaobody,
      .chao:hover .silverbleh-chaobody, 
      .chao:hover .silverdrunk-chaobody,
      .chao:hover .silverthink-chaobody {
        background-image: url(images/chaogarden/silverchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .silver-chaobody {
        animation: silverneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .silversit-chaobody {
        animation: silversit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .silverangry-chaobody {
        animation: silverangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .silverthink-chaobody {
        animation: silverthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes silverneu-blink {
        0% {
          background-image: url(images/chaogarden/silverchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/silverchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/silverchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/silverchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/silverchao/neuchao.png);
        }
      }
      
      @keyframes silversit-blink {
        0% {
          background-image: url(images/chaogarden/silverchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/silverchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/silverchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/silverchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/silverchao/sittingchao.png);
        }
      }
      
      @keyframes silverangry-blink {
        0% {
          background-image: url(images/chaogarden/silverchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/silverchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/silverchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/silverchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/silverchao/angrychao.png);
        }
      }
      
      @keyframes silverthink-blink {
        0% {
          background-image: url(images/chaogarden/silverchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/silverchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/silverchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/silverchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/silverchao/thinkingchao.png);
        }
      }
        
      /** Garnet Chao */
      .garnet-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/garnetchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .garnetsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/garnetchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .garnetangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/garnetchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .garnetthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/garnetchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .garnetbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/garnetchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .garnetdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/garnetchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .garnet-chaobody,
      .chao:hover .garnetsit-chaobody,
      .chao:hover .garnetangry-chaobody,
      .chao:hover .garnetbleh-chaobody, 
      .chao:hover .garnetdrunk-chaobody,
      .chao:hover .garnetthink-chaobody {
        background-image: url(images/chaogarden/garnetchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .garnet-chaobody {
        animation: garnetneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .garnetsit-chaobody {
        animation: garnetsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .garnetangry-chaobody {
        animation: garnetangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .garnetthink-chaobody {
        animation: garnetthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes garnetneu-blink {
        0% {
          background-image: url(images/chaogarden/garnetchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/garnetchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/garnetchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/garnetchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/garnetchao/neuchao.png);
        }
      }
      
      @keyframes garnetsit-blink {
        0% {
          background-image: url(images/chaogarden/garnetchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/garnetchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/garnetchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/garnetchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/garnetchao/sittingchao.png);
        }
      }
      
      @keyframes garnetangry-blink {
        0% {
          background-image: url(images/chaogarden/garnetchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/garnetchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/garnetchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/garnetchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/garnetchao/angrychao.png);
        }
      }
      
      @keyframes garnetthink-blink {
        0% {
          background-image: url(images/chaogarden/garnetchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/garnetchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/garnetchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/garnetchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/garnetchao/thinkingchao.png);
        }
      }
      
      /** Ruby Chao */
      .ruby-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/rubychao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .rubysit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/rubychao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .rubyangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/rubychao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .rubythink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/rubychao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .rubybleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/rubychao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .rubydrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/rubychao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .ruby-chaobody,
      .chao:hover .rubysit-chaobody,
      .chao:hover .rubyangry-chaobody,
      .chao:hover .rubybleh-chaobody, 
      .chao:hover .rubydrunk-chaobody,
      .chao:hover .rubythink-chaobody {
        background-image: url(images/chaogarden/rubychao/jumpingchao.png);
      }
      
      .chao:not(:hover) .ruby-chaobody {
        animation: rubyneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .rubysit-chaobody {
        animation: rubysit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .rubyangry-chaobody {
        animation: rubyangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .rubythink-chaobody {
        animation: rubythink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes rubyneu-blink {
        0% {
          background-image: url(images/chaogarden/rubychao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/rubychao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/rubychao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/rubychao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/rubychao/neuchao.png);
        }
      }
      
      @keyframes rubysit-blink {
        0% {
          background-image: url(images/chaogarden/rubychao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/rubychao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/rubychao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/rubychao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/rubychao/sittingchao.png);
        }
      }
      
      @keyframes rubyangry-blink {
        0% {
          background-image: url(images/chaogarden/rubychao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/rubychao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/rubychao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/rubychao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/rubychao/angrychao.png);
        }
      }
      
      @keyframes rubythink-blink {
        0% {
          background-image: url(images/chaogarden/rubychao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/rubychao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/rubychao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/rubychao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/rubychao/thinkingchao.png);
        }
      }
      
      /** amethyst Chao */
      .amethyst-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/amethystchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .amethystsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/amethystchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .amethystangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/amethystchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .amethystthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/amethystchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .amethystbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/amethystchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .amethystdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/amethystchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .amethyst-chaobody,
      .chao:hover .amethystsit-chaobody,
      .chao:hover .amethystangry-chaobody,
      .chao:hover .amethystbleh-chaobody, 
      .chao:hover .amethystdrunk-chaobody,
      .chao:hover .amethystthink-chaobody {
        background-image: url(images/chaogarden/amethystchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .amethyst-chaobody {
        animation: amethystneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .amethystsit-chaobody {
        animation: amethystsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .amethystangry-chaobody {
        animation: amethystangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .amethystthink-chaobody {
        animation: amethystthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes amethystneu-blink {
        0% {
          background-image: url(images/chaogarden/amethystchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/amethystchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/amethystchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/amethystchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/amethystchao/neuchao.png);
        }
      }
      
      @keyframes amethystsit-blink {
        0% {
          background-image: url(images/chaogarden/amethystchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/amethystchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/amethystchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/amethystchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/amethystchao/sittingchao.png);
        }
      }
      
      @keyframes amethystangry-blink {
        0% {
          background-image: url(images/chaogarden/amethystchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/amethystchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/amethystchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/amethystchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/amethystchao/angrychao.png);
        }
      }
      
      @keyframes amethystthink-blink {
        0% {
          background-image: url(images/chaogarden/amethystchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/amethystchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/amethystchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/amethystchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/amethystchao/thinkingchao.png);
        }
      }

      /** Sapphire Chao */
      .sapphire-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/sapphirechao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .sapphiresit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/sapphirechao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .sapphireangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/sapphirechao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .sapphirethink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/sapphirechao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .sapphirebleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/sapphirechao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .sapphiredrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/sapphirechao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .sapphire-chaobody,
      .chao:hover .sapphiresit-chaobody,
      .chao:hover .sapphireangry-chaobody,
      .chao:hover .sapphirebleh-chaobody, 
      .chao:hover .sapphiredrunk-chaobody,
      .chao:hover .sapphirethink-chaobody {
        background-image: url(images/chaogarden/sapphirechao/jumpingchao.png);
      }
      
      .chao:not(:hover) .sapphire-chaobody {
        animation: sapphireneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .sapphiresit-chaobody {
        animation: sapphiresit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .sapphireangry-chaobody {
        animation: sapphireangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .sapphirethink-chaobody {
        animation: sapphirethink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes sapphireneu-blink {
        0% {
          background-image: url(images/chaogarden/sapphirechao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/sapphirechao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/sapphirechao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/sapphirechao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/sapphirechao/neuchao.png);
        }
      }
      
      @keyframes sapphiresit-blink {
        0% {
          background-image: url(images/chaogarden/sapphirechao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/sapphirechao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/sapphirechao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/sapphirechao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/sapphirechao/sittingchao.png);
        }
      }
      
      @keyframes sapphireangry-blink {
        0% {
          background-image: url(images/chaogarden/sapphirechao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/sapphirechao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/sapphirechao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/sapphirechao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/sapphirechao/angrychao.png);
        }
      }
      
      @keyframes sapphirethink-blink {
        0% {
          background-image: url(images/chaogarden/sapphirechao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/sapphirechao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/sapphirechao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/sapphirechao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/sapphirechao/thinkingchao.png);
        }
      }
      
      /** Emerald Chao */
      .emerald-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/emeraldchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .emeraldsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/emeraldchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .emeraldangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/emeraldchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .emeraldthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/emeraldchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .emeraldbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/emeraldchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .emeralddrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/emeraldchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .emerald-chaobody,
      .chao:hover .emeraldsit-chaobody,
      .chao:hover .emeraldangry-chaobody,
      .chao:hover .emeraldbleh-chaobody, 
      .chao:hover .emeralddrunk-chaobody,
      .chao:hover .emeraldthink-chaobody {
        background-image: url(images/chaogarden/emeraldchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .emerald-chaobody {
        animation: emeraldneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .emeraldsit-chaobody {
        animation: emeraldsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .emeraldangry-chaobody {
        animation: emeraldangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .emeraldthink-chaobody {
        animation: emeraldthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes emeraldneu-blink {
        0% {
          background-image: url(images/chaogarden/emeraldchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/emeraldchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/emeraldchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/emeraldchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/emeraldchao/neuchao.png);
        }
      }
      
      @keyframes emeraldsit-blink {
        0% {
          background-image: url(images/chaogarden/emeraldchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/emeraldchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/emeraldchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/emeraldchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/emeraldchao/sittingchao.png);
        }
      }
      
      @keyframes emeraldangry-blink {
        0% {
          background-image: url(images/chaogarden/emeraldchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/emeraldchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/emeraldchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/emeraldchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/emeraldchao/angrychao.png);
        }
      }
      
      @keyframes emeraldthink-blink {
        0% {
          background-image: url(images/chaogarden/emeraldchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/emeraldchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/emeraldchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/emeraldchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/emeraldchao/thinkingchao.png);
        }
      }

      /** Peridot Chao */
      .peridot-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/peridotchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .peridotsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/peridotchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .peridotangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/peridotchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .peridotthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/peridotchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .peridotbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/peridotchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .peridotdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/peridotchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .peridot-chaobody,
      .chao:hover .peridotsit-chaobody,
      .chao:hover .peridotangry-chaobody,
      .chao:hover .peridotbleh-chaobody, 
      .chao:hover .peridotdrunk-chaobody,
      .chao:hover .peridotthink-chaobody {
        background-image: url(images/chaogarden/peridotchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .peridot-chaobody {
        animation: peridotneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .peridotsit-chaobody {
        animation: peridotsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .peridotangry-chaobody {
        animation: peridotangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .peridotthink-chaobody {
        animation: peridotthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes peridotneu-blink {
        0% {
          background-image: url(images/chaogarden/peridotchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/peridotchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/peridotchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/peridotchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/peridotchao/neuchao.png);
        }
      }
      
      @keyframes peridotsit-blink {
        0% {
          background-image: url(images/chaogarden/peridotchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/peridotchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/peridotchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/peridotchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/peridotchao/sittingchao.png);
        }
      }
      
      @keyframes peridotangry-blink {
        0% {
          background-image: url(images/chaogarden/peridotchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/peridotchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/peridotchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/peridotchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/peridotchao/angrychao.png);
        }
      }
      
      @keyframes peridotthink-blink {
        0% {
          background-image: url(images/chaogarden/peridotchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/peridotchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/peridotchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/peridotchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/peridotchao/thinkingchao.png);
        }
      }

      /** Topaz Chao */
      .topaz-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/topazchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .topazsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/topazchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .topazangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/topazchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .topazthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/topazchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .topazbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/topazchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .topazdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/topazchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .topaz-chaobody,
      .chao:hover .topazsit-chaobody,
      .chao:hover .topazangry-chaobody,
      .chao:hover .topazbleh-chaobody, 
      .chao:hover .topazdrunk-chaobody,
      .chao:hover .topazthink-chaobody {
        background-image: url(images/chaogarden/topazchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .topaz-chaobody {
        animation: topazneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .topazsit-chaobody {
        animation: topazsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .topazangry-chaobody {
        animation: topazangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .topazthink-chaobody {
        animation: topazthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes topazneu-blink {
        0% {
          background-image: url(images/chaogarden/topazchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/topazchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/topazchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/topazchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/topazchao/neuchao.png);
        }
      }
      
      @keyframes topazsit-blink {
        0% {
          background-image: url(images/chaogarden/topazchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/topazchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/topazchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/topazchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/topazchao/sittingchao.png);
        }
      }
      
      @keyframes topazangry-blink {
        0% {
          background-image: url(images/chaogarden/topazchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/topazchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/topazchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/topazchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/topazchao/angrychao.png);
        }
      }
      
      @keyframes topazthink-blink {
        0% {
          background-image: url(images/chaogarden/topazchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/topazchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/topazchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/topazchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/topazchao/thinkingchao.png);
        }
      }

      /** Onyx Chao */
      .onyx-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/onyxchao/neuchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .onyxsit-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/onyxchao/sittingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .onyxangry-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/onyxchao/angrychao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .onyxthink-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/onyxchao/thinkingchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .onyxbleh-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/onyxchao/blehchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .onyxdrunk-chaobody {
        width: 4.4vw;
        height: 4.4vw;
        background-image: url(images/chaogarden/onyxchao/drunkchao.png);
        background-size: contain; background-repeat: no-repeat;
      }
      
      .chao:hover .onyx-chaobody,
      .chao:hover .onyxsit-chaobody,
      .chao:hover .onyxangry-chaobody,
      .chao:hover .onyxbleh-chaobody, 
      .chao:hover .onyxdrunk-chaobody,
      .chao:hover .onyxthink-chaobody {
        background-image: url(images/chaogarden/onyxchao/jumpingchao.png);
      }
      
      .chao:not(:hover) .onyx-chaobody {
        animation: onyxneu-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .onyxsit-chaobody {
        animation: onyxsit-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .onyxangry-chaobody {
        animation: onyxangry-blink 4.5s steps(5) infinite;
      }
      
      .chao:not(:hover) .onyxthink-chaobody {
        animation: onyxthink-blink 4.5s steps(5) infinite;
      }
      
      @keyframes onyxneu-blink {
        0% {
          background-image: url(images/chaogarden/onyxchao/neuchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/onyxchao/neuchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/onyxchao/neuchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/onyxchao/neuchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/onyxchao/neuchao.png);
        }
      }
      
      @keyframes onyxsit-blink {
        0% {
          background-image: url(images/chaogarden/onyxchao/sittingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/onyxchao/sittingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/onyxchao/sittingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/onyxchao/sittingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/onyxchao/sittingchao.png);
        }
      }
      
      @keyframes onyxangry-blink {
        0% {
          background-image: url(images/chaogarden/onyxchao/angrychao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/onyxchao/angrychao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/onyxchao/angrychao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/onyxchao/angrychao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/onyxchao/angrychao.png);
        }
      }
      
      @keyframes onyxthink-blink {
        0% {
          background-image: url(images/chaogarden/onyxchao/thinkingchao.png);
        }
      
        45% {
          background-image: url(images/chaogarden/onyxchao/thinkingchao.png);
        }
        
        50% {
          background-image: url(images/chaogarden/onyxchao/thinkingchao_blink.png);
        }
        
        65% {
          background-image: url(images/chaogarden/onyxchao/thinkingchao.png);
        }
        
        100% {
          background-image: url(images/chaogarden/onyxchao/thinkingchao.png);
        }
      }

      
      
      .chao:not(:hover) img {
        animation: dotjump 1s steps(2) infinite;
      }
      
      .chao:hover {
        animation: chaojump .6s steps(2) infinite;
        cursor: pointer;
      }
      
      
      @keyframes chaojump {
        0% {
          transform: translateY(0vh);
        }
        50% {
          transform: translateY(-1vh);
        }
        100% {
          transform: translateY(0vh);
        }
      }
      
      @keyframes dotjump {
        0% {
          transform: translateY(0vh);
        }
        50% {
          transform: translateY(-.4vh);
        }
        100% {
          transform: translateY(0vh);
        }
      }