/* great-vibes-normal - latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: regular;
  src: url('//lib.baomitu.com/fonts/great-vibes/great-vibes-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Great Vibes'), local('GreatVibes-Normal'),
       url('//lib.baomitu.com/fonts/great-vibes/great-vibes-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//lib.baomitu.com/fonts/great-vibes/great-vibes-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('//lib.baomitu.com/fonts/great-vibes/great-vibes-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('//lib.baomitu.com/fonts/great-vibes/great-vibes-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//lib.baomitu.com/fonts/great-vibes/great-vibes-v4-latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */
}
  
/* montserrat-alternates-normal - latin */
@font-face {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: regular;
  src: url('//lib.baomitu.com/fonts/montserrat-alternates/montserrat-alternates-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Alternates'), local('MontserratAlternates-Normal'),
       url('//lib.baomitu.com/fonts/montserrat-alternates/montserrat-alternates-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//lib.baomitu.com/fonts/montserrat-alternates/montserrat-alternates-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('//lib.baomitu.com/fonts/montserrat-alternates/montserrat-alternates-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('//lib.baomitu.com/fonts/montserrat-alternates/montserrat-alternates-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//lib.baomitu.com/fonts/montserrat-alternates/montserrat-alternates-v4-latin-regular.svg#MontserratAlternates') format('svg'); /* Legacy iOS */
}
  
html, body {
  width: 100%;
  height: 100%;
}
body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
  background: url('https://p3.ssl.qhimg.com/t01bdc7925704ae6e93.png') no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width:767px){
  html body{
    background-size:initial;
    overflowa:visible;
  }
  body .buttons a.button{
    width: 130px;
  }
}
@media screen and (max-width:375px){
  body .buttons{
    word-spacing:-2px;
  }
}
.container, nav .container-fluid {
  padding-top: 20px;
}
.navbar-brand, .navbar-brand:hover {
  color: #FFF;
  font-weight: bold;
  font-family: inherit;
  font-family: 'Great Vibes', cursive;
}
.navbar-nav>li>a {
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-nav>li>a:hover, 
.navbar-nav>li>a:focus,
.navbar-nav>li>a.active {
  background-color: #FFF;
  border-radius: 50px;
  color: #000;
}
.navbar-nav>li[disabled]>a:hover,
.navbar-nav>li[disabled]>a:focus,
.navbar-nav>li[disabled]>a:active {
  background-color: transparent;
}
.navbar-toggle .icon-bar {
  background: #FFF;
}
.logo-text {
  color: #FFF;
  text-align: center;
}
.logo-text h1 {
  font-family: 'Montserrat Alternates', sans-serif;
  font-size: 4em;
}
.buttons {
  margin: 30px auto 0;
  text-align: center;
}
a.button {
  font-size: 16px;
  padding: 15px 25px;
  border-radius: 50px;
  background: #41bb99;
  color: #FFF;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 auto;
  display: inline-block;
  width: 175px;
}
a.button + .button {
  margin-left: 20px;
  color: #41bb99;
  /*border: 1px solid #41bb99;*/
  background: #FFF;
}

@media (max-width: 768px) {
  .logo-text {
    margin-top: -20px;
  }

  .logo-text h1 {
    font-size: 3em;
  }

  .logo-text h3 {
    font-size: 1.25em;
    line-height: 1.75em;
  }

  .buttons a.button {
    width: 120px; 
    padding: 8px 10px;
    font-size: 0.8em;
  }

  #navbar-main {
    background: rgba(255,255,255,0.1);
    box-shadow: none;
  }

  svg.logo {
    margin-top: 70px !important;
  }
  
  .github-corner {
    display: none;
  }
}

svg.logo {
    display: block;
    margin: 100px auto 0;
}
svg.logo *[id^="t"], #node {
    opacity: 0;
}
@-webkit-keyframes show {
    to {opacity: 1;}
}
@keyframes show {
    to {opacity: 1;}
}
/*@keyframes rotate {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}*/

#moon #t1 {
    -webkit-animation-name: show, rotate, move0;
            animation-name: show, rotate, move0;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1s, 1s, 4.2s;
            animation-delay: 1s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(0, 100%, 70%);
}

@-webkit-keyframes move0 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(103.64839172363281px) translateY(77.77667999267578px);
                transform: translateX(103.64839172363281px) translateY(77.77667999267578px);
    }
}

@keyframes move0 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(103.64839172363281px) translateY(77.77667999267578px);
                transform: translateX(103.64839172363281px) translateY(77.77667999267578px);
    }
}

#moon #t2 {
    -webkit-animation-name: show, rotate, move1;
            animation-name: show, rotate, move1;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.1s, 1s, 4.2s;
            animation-delay: 1.1s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(11.612903225806452, 100%, 70%);
}

@-webkit-keyframes move1 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(138.79192352294922px) translateY(57.6048583984375px);
                transform: translateX(138.79192352294922px) translateY(57.6048583984375px);
    }
}

@keyframes move1 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(138.79192352294922px) translateY(57.6048583984375px);
                transform: translateX(138.79192352294922px) translateY(57.6048583984375px);
    }
}

#moon #t3 {
    -webkit-animation-name: show, rotate, move2;
            animation-name: show, rotate, move2;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.2s, 1s, 4.2s;
            animation-delay: 1.2s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(23.225806451612904, 100%, 70%);
}

@-webkit-keyframes move2 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(127.23739624023438px) translateY(-0.080352783203125px);
                transform: translateX(127.23739624023438px) translateY(-0.080352783203125px);
    }
}

@keyframes move2 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(127.23739624023438px) translateY(-0.080352783203125px);
                transform: translateX(127.23739624023438px) translateY(-0.080352783203125px);
    }
}

#moon #t4 {
    -webkit-animation-name: show, rotate, move3;
            animation-name: show, rotate, move3;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.3s, 1s, 4.2s;
            animation-delay: 1.3s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(34.83870967741935, 100%, 70%);
}

@-webkit-keyframes move3 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(135.05258178710938px) translateY(-42.839508056640625px);
                transform: translateX(135.05258178710938px) translateY(-42.839508056640625px);
    }
}

@keyframes move3 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(135.05258178710938px) translateY(-42.839508056640625px);
                transform: translateX(135.05258178710938px) translateY(-42.839508056640625px);
    }
}

#moon #t5 {
    -webkit-animation-name: show, rotate, move4;
            animation-name: show, rotate, move4;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.4s, 1s, 4.2s;
            animation-delay: 1.4s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(46.45161290322581, 100%, 70%);
}

@-webkit-keyframes move4 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(137.03964233398438px) translateY(-69.83683776855469px);
                transform: translateX(137.03964233398438px) translateY(-69.83683776855469px);
    }
}

@keyframes move4 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(137.03964233398438px) translateY(-69.83683776855469px);
                transform: translateX(137.03964233398438px) translateY(-69.83683776855469px);
    }
}

#moon #t6 {
    -webkit-animation-name: show, rotate, move5;
            animation-name: show, rotate, move5;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.5s, 1s, 4.2s;
            animation-delay: 1.5s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(58.064516129032256, 100%, 70%);
}

@-webkit-keyframes move5 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(122.6880111694336px) translateY(-77.23088073730469px);
                transform: translateX(122.6880111694336px) translateY(-77.23088073730469px);
    }
}

@keyframes move5 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(122.6880111694336px) translateY(-77.23088073730469px);
                transform: translateX(122.6880111694336px) translateY(-77.23088073730469px);
    }
}

#moon #t7 {
    -webkit-animation-name: show, rotate, move6;
            animation-name: show, rotate, move6;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.6s, 1s, 4.2s;
            animation-delay: 1.6s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(69.6774193548387, 100%, 70%);
}

@-webkit-keyframes move6 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(120.27301788330078px) translateY(-130.56619262695312px);
                transform: translateX(120.27301788330078px) translateY(-130.56619262695312px);
    }
}

@keyframes move6 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(120.27301788330078px) translateY(-130.56619262695312px);
                transform: translateX(120.27301788330078px) translateY(-130.56619262695312px);
    }
}

#moon #t8 {
    -webkit-animation-name: show, rotate, move7;
            animation-name: show, rotate, move7;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.7000000000000002s, 1s, 4.2s;
            animation-delay: 1.7000000000000002s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(81.29032258064515, 100%, 70%);
}

@-webkit-keyframes move7 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(110.20650482177734px) translateY(-130.75750732421875px);
                transform: translateX(110.20650482177734px) translateY(-130.75750732421875px);
    }
}

@keyframes move7 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(110.20650482177734px) translateY(-130.75750732421875px);
                transform: translateX(110.20650482177734px) translateY(-130.75750732421875px);
    }
}

#moon #t9 {
    -webkit-animation-name: show, rotate, move8;
            animation-name: show, rotate, move8;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.8s, 1s, 4.2s;
            animation-delay: 1.8s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(92.90322580645162, 100%, 70%);
}

@-webkit-keyframes move8 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(92.5755615234375px) translateY(-135.28268432617188px);
                transform: translateX(92.5755615234375px) translateY(-135.28268432617188px);
    }
}

@keyframes move8 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(92.5755615234375px) translateY(-135.28268432617188px);
                transform: translateX(92.5755615234375px) translateY(-135.28268432617188px);
    }
}

#moon #t10 {
    -webkit-animation-name: show, rotate, move9;
            animation-name: show, rotate, move9;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 1.9s, 1s, 4.2s;
            animation-delay: 1.9s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(104.51612903225808, 100%, 70%);
}

@-webkit-keyframes move9 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(63.74449157714844px) translateY(-130.85794067382812px);
                transform: translateX(63.74449157714844px) translateY(-130.85794067382812px);
    }
}

@keyframes move9 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(63.74449157714844px) translateY(-130.85794067382812px);
                transform: translateX(63.74449157714844px) translateY(-130.85794067382812px);
    }
}

#moon #t11 {
    -webkit-animation-name: show, rotate, move10;
            animation-name: show, rotate, move10;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2s, 1s, 4.2s;
            animation-delay: 2s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(116.12903225806451, 100%, 70%);
}

@-webkit-keyframes move10 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(54.65869140625px) translateY(-122.8529052734375px);
                transform: translateX(54.65869140625px) translateY(-122.8529052734375px);
    }
}

@keyframes move10 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(54.65869140625px) translateY(-122.8529052734375px);
                transform: translateX(54.65869140625px) translateY(-122.8529052734375px);
    }
}

#moon #t12 {
    -webkit-animation-name: show, rotate, move11;
            animation-name: show, rotate, move11;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.1s, 1s, 4.2s;
            animation-delay: 2.1s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(127.74193548387098, 100%, 70%);
}

@-webkit-keyframes move11 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(38.687286376953125px) translateY(-114.52975463867188px);
                transform: translateX(38.687286376953125px) translateY(-114.52975463867188px);
    }
}

@keyframes move11 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(38.687286376953125px) translateY(-114.52975463867188px);
                transform: translateX(38.687286376953125px) translateY(-114.52975463867188px);
    }
}

#moon #t13 {
    -webkit-animation-name: show, rotate, move12;
            animation-name: show, rotate, move12;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.2s, 1s, 4.2s;
            animation-delay: 2.2s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(139.3548387096774, 100%, 70%);
}

@-webkit-keyframes move12 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(25.263336181640625px) translateY(-107.79696655273438px);
                transform: translateX(25.263336181640625px) translateY(-107.79696655273438px);
    }
}

@keyframes move12 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(25.263336181640625px) translateY(-107.79696655273438px);
                transform: translateX(25.263336181640625px) translateY(-107.79696655273438px);
    }
}

#moon #t14 {
    -webkit-animation-name: show, rotate, move13;
            animation-name: show, rotate, move13;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.3s, 1s, 4.2s;
            animation-delay: 2.3s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(150.96774193548387, 100%, 70%);
}

@-webkit-keyframes move13 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(13.267990112304688px) translateY(-97.35516357421875px);
                transform: translateX(13.267990112304688px) translateY(-97.35516357421875px);
    }
}

@keyframes move13 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(13.267990112304688px) translateY(-97.35516357421875px);
                transform: translateX(13.267990112304688px) translateY(-97.35516357421875px);
    }
}

#moon #t15 {
    -webkit-animation-name: show, rotate, move14;
            animation-name: show, rotate, move14;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.4000000000000004s, 1s, 4.2s;
            animation-delay: 2.4000000000000004s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(162.5806451612903, 100%, 70%);
}

@-webkit-keyframes move14 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-37.479095458984375px) translateY(-81.04954528808594px);
                transform: translateX(-37.479095458984375px) translateY(-81.04954528808594px);
    }
}

@keyframes move14 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-37.479095458984375px) translateY(-81.04954528808594px);
                transform: translateX(-37.479095458984375px) translateY(-81.04954528808594px);
    }
}

#moon #t16 {
    -webkit-animation-name: show, rotate, move15;
            animation-name: show, rotate, move15;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.5s, 1s, 4.2s;
            animation-delay: 2.5s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(174.19354838709677, 100%, 70%);
}

@-webkit-keyframes move15 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-47.7586669921875px) translateY(-55.019744873046875px);
                transform: translateX(-47.7586669921875px) translateY(-55.019744873046875px);
    }
}

@keyframes move15 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-47.7586669921875px) translateY(-55.019744873046875px);
                transform: translateX(-47.7586669921875px) translateY(-55.019744873046875px);
    }
}

#moon #t17 {
    -webkit-animation-name: show, rotate, move16;
            animation-name: show, rotate, move16;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.6s, 1s, 4.2s;
            animation-delay: 2.6s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(185.80645161290323, 100%, 70%);
}

@-webkit-keyframes move16 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-52.34246826171875px) translateY(-27.68353271484375px);
                transform: translateX(-52.34246826171875px) translateY(-27.68353271484375px);
    }
}

@keyframes move16 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-52.34246826171875px) translateY(-27.68353271484375px);
                transform: translateX(-52.34246826171875px) translateY(-27.68353271484375px);
    }
}

#moon #t18 {
    -webkit-animation-name: show, rotate, move17;
            animation-name: show, rotate, move17;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.7s, 1s, 4.2s;
            animation-delay: 2.7s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(197.41935483870967, 100%, 70%);
}

@-webkit-keyframes move17 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-125.90821838378906px) translateY(-33.600189208984375px);
                transform: translateX(-125.90821838378906px) translateY(-33.600189208984375px);
    }
}

@keyframes move17 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-125.90821838378906px) translateY(-33.600189208984375px);
                transform: translateX(-125.90821838378906px) translateY(-33.600189208984375px);
    }
}

#moon #t19 {
    -webkit-animation-name: show, rotate, move18;
            animation-name: show, rotate, move18;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.8s, 1s, 4.2s;
            animation-delay: 2.8s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(209.03225806451616, 100%, 70%);
}

@-webkit-keyframes move18 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-131.42738342285156px) translateY(-5.230133056640625px);
                transform: translateX(-131.42738342285156px) translateY(-5.230133056640625px);
    }
}

@keyframes move18 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-131.42738342285156px) translateY(-5.230133056640625px);
                transform: translateX(-131.42738342285156px) translateY(-5.230133056640625px);
    }
}

#moon #t20 {
    -webkit-animation-name: show, rotate, move19;
            animation-name: show, rotate, move19;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 2.9000000000000004s, 1s, 4.2s;
            animation-delay: 2.9000000000000004s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(220.6451612903226, 100%, 70%);
}

@-webkit-keyframes move19 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-132.21170043945312px) translateY(24.8211669921875px);
                transform: translateX(-132.21170043945312px) translateY(24.8211669921875px);
    }
}

@keyframes move19 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-132.21170043945312px) translateY(24.8211669921875px);
                transform: translateX(-132.21170043945312px) translateY(24.8211669921875px);
    }
}

#moon #t21 {
    -webkit-animation-name: show, rotate, move20;
            animation-name: show, rotate, move20;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3s, 1s, 4.2s;
            animation-delay: 3s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(232.25806451612902, 100%, 70%);
}

@-webkit-keyframes move20 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-131.66217041015625px) translateY(46.29937744140625px);
                transform: translateX(-131.66217041015625px) translateY(46.29937744140625px);
    }
}

@keyframes move20 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-131.66217041015625px) translateY(46.29937744140625px);
                transform: translateX(-131.66217041015625px) translateY(46.29937744140625px);
    }
}

#moon #t22 {
    -webkit-animation-name: show, rotate, move21;
            animation-name: show, rotate, move21;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.1s, 1s, 4.2s;
            animation-delay: 3.1s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(243.87096774193546, 100%, 70%);
}

@-webkit-keyframes move21 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-146.62533569335938px) translateY(61.389404296875px);
                transform: translateX(-146.62533569335938px) translateY(61.389404296875px);
    }
}

@keyframes move21 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-146.62533569335938px) translateY(61.389404296875px);
                transform: translateX(-146.62533569335938px) translateY(61.389404296875px);
    }
}

#moon #t23 {
    -webkit-animation-name: show, rotate, move22;
            animation-name: show, rotate, move22;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.2s, 1s, 4.2s;
            animation-delay: 3.2s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(255.48387096774195, 100%, 70%);
}

@-webkit-keyframes move22 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-141.42286682128906px) translateY(67.56942749023438px);
                transform: translateX(-141.42286682128906px) translateY(67.56942749023438px);
    }
}

@keyframes move22 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-141.42286682128906px) translateY(67.56942749023438px);
                transform: translateX(-141.42286682128906px) translateY(67.56942749023438px);
    }
}

#moon #t24 {
    -webkit-animation-name: show, rotate, move23;
            animation-name: show, rotate, move23;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.3000000000000003s, 1s, 4.2s;
            animation-delay: 3.3000000000000003s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(267.0967741935484, 100%, 70%);
}

@-webkit-keyframes move23 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-131.6020050048828px) translateY(97.09059143066406px);
                transform: translateX(-131.6020050048828px) translateY(97.09059143066406px);
    }
}

@keyframes move23 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-131.6020050048828px) translateY(97.09059143066406px);
                transform: translateX(-131.6020050048828px) translateY(97.09059143066406px);
    }
}

#moon #t25 {
    -webkit-animation-name: show, rotate, move24;
            animation-name: show, rotate, move24;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.4000000000000004s, 1s, 4.2s;
            animation-delay: 3.4000000000000004s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(278.7096774193548, 100%, 70%);
}

@-webkit-keyframes move24 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-127.76608276367188px) translateY(85.31594848632812px);
                transform: translateX(-127.76608276367188px) translateY(85.31594848632812px);
    }
}

@keyframes move24 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-127.76608276367188px) translateY(85.31594848632812px);
                transform: translateX(-127.76608276367188px) translateY(85.31594848632812px);
    }
}

#moon #t26 {
    -webkit-animation-name: show, rotate, move25;
            animation-name: show, rotate, move25;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.5s, 1s, 4.2s;
            animation-delay: 3.5s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(290.3225806451613, 100%, 70%);
}

@-webkit-keyframes move25 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-94.24749755859375px) translateY(106.79798126220703px);
                transform: translateX(-94.24749755859375px) translateY(106.79798126220703px);
    }
}

@keyframes move25 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-94.24749755859375px) translateY(106.79798126220703px);
                transform: translateX(-94.24749755859375px) translateY(106.79798126220703px);
    }
}

#moon #t27 {
    -webkit-animation-name: show, rotate, move26;
            animation-name: show, rotate, move26;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.6s, 1s, 4.2s;
            animation-delay: 3.6s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(301.93548387096774, 100%, 70%);
}

@-webkit-keyframes move26 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-46.65374755859375px) translateY(123.51067352294922px);
                transform: translateX(-46.65374755859375px) translateY(123.51067352294922px);
    }
}

@keyframes move26 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-46.65374755859375px) translateY(123.51067352294922px);
                transform: translateX(-46.65374755859375px) translateY(123.51067352294922px);
    }
}

#moon #t28 {
    -webkit-animation-name: show, rotate, move27;
            animation-name: show, rotate, move27;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.7s, 1s, 4.2s;
            animation-delay: 3.7s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(313.5483870967742, 100%, 70%);
}

@-webkit-keyframes move27 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(1.2329864501953125px) translateY(129.36675262451172px);
                transform: translateX(1.2329864501953125px) translateY(129.36675262451172px);
    }
}

@keyframes move27 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(1.2329864501953125px) translateY(129.36675262451172px);
                transform: translateX(1.2329864501953125px) translateY(129.36675262451172px);
    }
}

#moon #t29 {
    -webkit-animation-name: show, rotate, move28;
            animation-name: show, rotate, move28;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.8000000000000003s, 1s, 4.2s;
            animation-delay: 3.8000000000000003s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(325.1612903225806, 100%, 70%);
}

@-webkit-keyframes move28 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-28.387527465820312px) translateY(123.97640228271484px);
                transform: translateX(-28.387527465820312px) translateY(123.97640228271484px);
    }
}

@keyframes move28 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-28.387527465820312px) translateY(123.97640228271484px);
                transform: translateX(-28.387527465820312px) translateY(123.97640228271484px);
    }
}

#moon #t30 {
    -webkit-animation-name: show, rotate, move29;
            animation-name: show, rotate, move29;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 3.9000000000000004s, 1s, 4.2s;
            animation-delay: 3.9000000000000004s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(336.7741935483871, 100%, 70%);
}

@-webkit-keyframes move29 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-19.325439453125px) translateY(122.51094818115234px);
                transform: translateX(-19.325439453125px) translateY(122.51094818115234px);
    }
}

@keyframes move29 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-19.325439453125px) translateY(122.51094818115234px);
                transform: translateX(-19.325439453125px) translateY(122.51094818115234px);
    }
}

#moon #t31 {
    -webkit-animation-name: show, rotate, move30;
            animation-name: show, rotate, move30;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 4s, 1s, 4.2s;
            animation-delay: 4s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(348.38709677419354, 100%, 70%);
}

@-webkit-keyframes move30 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-8.17071533203125px) translateY(118.92491149902344px);
                transform: translateX(-8.17071533203125px) translateY(118.92491149902344px);
    }
}

@keyframes move30 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(-8.17071533203125px) translateY(118.92491149902344px);
                transform: translateX(-8.17071533203125px) translateY(118.92491149902344px);
    }
}

#moon #t32 {
    -webkit-animation-name: show, rotate, move31;
            animation-name: show, rotate, move31;
    -webkit-animation-duration: 0.1s, 3s, 1.5s;
            animation-duration: 0.1s, 3s, 1.5s;
    -webkit-animation-delay: 4.1s, 1s, 4.2s;
            animation-delay: 4.1s, 1s, 4.2s;
    -webkit-animation-fill-mode: forwards, none, forwards;
            animation-fill-mode: forwards, none, forwards;
    -webkit-animation-iteration-count: 1, infinite, 1;
            animation-iteration-count: 1, infinite, 1;
    -webkit-animation-timing-function: ease, linear, ease;
            animation-timing-function: ease, linear, ease;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    position: absolute;
    fill: hsl(360, 100%, 70%);
}

@-webkit-keyframes move31 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(1.428131103515625px) translateY(106.67301177978516px);
                transform: translateX(1.428131103515625px) translateY(106.67301177978516px);
    }
}

@keyframes move31 {
    to {
        fill: #FFF;
        -webkit-transform: translateX(1.428131103515625px) translateY(106.67301177978516px);
                transform: translateX(1.428131103515625px) translateY(106.67301177978516px);
    }
}

#node {
    -webkit-animation-name: rotate_node;
            animation-name: rotate_node;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-duration: 3.2s;
            animation-duration: 3.2s;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-transform-origin: 75px 94px;
            transform-origin: 75px 94px;
    /* -webkit-transform-origin: center center;
            transform-origin: center center; */
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

@-webkit-keyframes rotate_node {
    from {
        /** fill: hsl(270, 80%, 60%); **/
        fill: #FFF;
        stroke: #000;
        -webkit-transform: rotateZ(3600deg) scale(0);
                transform: rotateZ(3600deg) scale(0);
    }
    to {
      opacity: 1;
    }
    /**
    60% {
        fill: hsl(0, 80%, 60%);
    }

    to {
        fill: hsl(0, 0%, 0%);
    }
    **/
}

@keyframes rotate_node {
    from {
        /** fill: hsl(270, 80%, 60%); **/
        fill: #FFF;
        stroke: #000;
        -webkit-transform: rotateZ(3600deg) scale(0);
                transform: rotateZ(3600deg) scale(0);
    }
    to {
      opacity: 1;
    }
    /**
    60% {
        fill: hsl(0, 80%, 60%);
    }

    to {
        fill: hsl(0, 0%, 0%);
    }
    **/
}
.github-corner:hover .octo-arm{
    -webkit-animation:octocat-wave 560ms ease-in-out;
            animation:octocat-wave 560ms ease-in-out
}
@-webkit-keyframes octocat-wave{
    0%,100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    20%,60%{
        -webkit-transform:rotate(-25deg);
        transform:rotate(-25deg)
    }
    40%,80%{
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
}
@keyframes octocat-wave{
    0%,100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    20%,60%{
        -webkit-transform:rotate(-25deg);
        transform:rotate(-25deg)
    }
    40%,80%{
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
}
@media (max-width:500px){
    .github-corner:hover .octo-arm{
        -webkit-animation:none;
        animation:none
    }
    .github-corner .octo-arm{
        -webkit-animation:octocat-wave 560ms ease-in-out;
        animation:octocat-wave 560ms ease-in-out
    }
}