.cls-1,
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-16,
.cls-17,
.cls-18,
.cls-8,
.cls-9 {
  fill: none;
}
.cls-2 {
  fill: url("#linear-gradient");
}
.cls-3 {
  fill: url("#linear-gradient-2");
}
.cls-4 {
  fill: url("#linear-gradient-3");
}
.cls-5 {
  fill: url("#linear-gradient-4");
}
.cls-6 {
  fill: url("#linear-gradient-5");
}
.cls-7 {
  fill: url("#linear-gradient-6");
}
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-16,
.cls-17,
.cls-18,
.cls-8,
.cls-9 {
  stroke: #231f20;
}
.cls-8 {
  stroke-width: 0.3px;
}
.cls-10,
.cls-11,
.cls-12,
.cls-13,
.cls-14,
.cls-15,
.cls-16,
.cls-17,
.cls-18,
.cls-9 {
  stroke-linecap: round;
  stroke-dasharray: 0 6.5;
}
.cls-9 {
  stroke-width: 3.5px;
}
.cls-10 {
  stroke-width: 3.25px;
}
.cls-11 {
  stroke-width: 3px;
}
.cls-12 {
  stroke-width: 2.75px;
}
.cls-13 {
  stroke-width: 2.5px;
}
.cls-14 {
  stroke-width: 2.25px;
}
.cls-15 {
  stroke-width: 2px;
}
.cls-16 {
  stroke-width: 1.75px;
}
.cls-17 {
  stroke-width: 1.499px;
}
.cls-18 {
  stroke-width: 1.25px;
}
.cls-19 {
  fill: #231f20;
}
.cls-20 {
  fill: #f5f6e2;
  opacity: 0;
}
.cls-35 {
  fill: #4d4d4d;
}
.cls-21 {
  opacity: 0.1;
  fill: #000;
}
.cls-22 {
  fill: #ccc;
}
.cls-23,
.cls-29 {
  fill: #e6e6e6;
}
.cls-24,
.cls-27,
.cls-29 {
  opacity: 0;
}
.cls-25 {
  fill: url("#Undulating_Fine_Dots");
}
.cls-26 {
  fill: #ed1e79;
}
.cls-27 {
  fill: #662d91;
}
.cls-28 {
  fill: url("#Zebra");
}
.cls-30 {
  fill: url("#Blazer");
}
.cls-31 {
  fill: url("#Hatching_Double");
}
.cls-32 {
  fill: #0b6175;
}
.cls-33 {
  fill: #333;
}
.cls-34 {
  fill: #fbb03b;
}
.cls-36 {
  fill: #fff;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: 'Roboto Condensed', serif;
  font-size: 30px;
  color: #000;
  text-align: center;
}

#route-name {
  margin-top: 20px;
  text-transform:uppercase;
}

#content {
  width: 80%;
  max-width: 640px;
  margin: 20px;
}

@keyframes Jostle {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -4px);
  }
}

@keyframes Wag {
  0%, 50%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0.25deg);
  }
  75% {
    transform: rotate(-0.25deg);
  }
}
@keyframes Purr {
  0%, 50%, 100% {
    transform: translate(0,0);
  }
  25% {
    transform: translate(1px, 0);
  }
  75% {
    transform: translate(0, -1px);
  }
}

#image-area:hover .wheel-1,
#image-area:hover .wheel-2 {
  animation: Jostle 0.7s linear infinite;
}
#image-area:hover .wheel-2 {
  animation-delay: 0.3s;
}

#image-area:hover .tail {
  animation: Wag 0.5s linear infinite;
  transform-origin: left bottom;
}

#image-area:hover #Base path{
  animation: Purr 0.2s ease-in infinite;
}