@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 16741.619140625px;
    stroke-dasharray: 16741.619140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 16741.619140625px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 16741.619140625px;
    stroke-dasharray: 16741.619140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 16741.619140625px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-1 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 3351.1328125px;
    stroke-dasharray: 3351.1328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3351.1328125px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 3351.1328125px;
    stroke-dasharray: 3351.1328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3351.1328125px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 192, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 192, 0);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-stroke-2 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 2983.8583984375px;
    stroke-dasharray: 2983.8583984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2983.8583984375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 2983.8583984375px;
    stroke-dasharray: 2983.8583984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2983.8583984375px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(91, 155, 213);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(91, 155, 213);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-stroke-3 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 2990.955322265625px;
    stroke-dasharray: 2990.955322265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2990.955322265625px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 2990.955322265625px;
    stroke-dasharray: 2990.955322265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2990.955322265625px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(218, 86, 114);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(218, 86, 114);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-4 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 2979.6044921875px;
    stroke-dasharray: 2979.6044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2979.6044921875px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 2979.6044921875px;
    stroke-dasharray: 2979.6044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2979.6044921875px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(146, 208, 80);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(146, 208, 80);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-5 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 986.1795654296875px;
    stroke-dasharray: 986.1795654296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 986.1795654296875px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 986.1795654296875px;
    stroke-dasharray: 986.1795654296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 986.1795654296875px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
          animation: animate-svg-stroke-6 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 1000.9345703125px;
    stroke-dasharray: 1000.9345703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1000.9345703125px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 1000.9345703125px;
    stroke-dasharray: 1000.9345703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1000.9345703125px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
          animation: animate-svg-stroke-7 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 1367.6219482421875px;
    stroke-dasharray: 1367.6219482421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1367.6219482421875px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 1367.6219482421875px;
    stroke-dasharray: 1367.6219482421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1367.6219482421875px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5s both;
          animation: animate-svg-stroke-8 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 999.39306640625px;
    stroke-dasharray: 999.39306640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 999.39306640625px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 999.39306640625px;
    stroke-dasharray: 999.39306640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 999.39306640625px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s both;
          animation: animate-svg-stroke-9 7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s both;
}
   
svg {
    display: block;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
}

body {
    text-align: center;
    font-family: fantasy;
    font-size: 4em;
    color: #fff;
    overflow: hidden;
    background: rgb(34, 34, 34);
}

#content-text {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

footer {
    position: absolute;
    bottom: -55px;
    width: 100%;
    background: #1b1b1b;
    left: 0;
    color: #fff;
    transition: all 0.4s ease-in-out;
}

footer p {
    font-size: 0.25em !important;
}

a, a:visited {
    text-decoration: none;
    color: #43abfe;
}