.svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.path {
  opacity: 0;
  filter: drop-shadow(0 0 3px rgba(200, 170, 120, 0.1));
  animation: spine 2s ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.svg a{}
.svg a:hover, .path:hover, .svg a:focus, .path:focus{
filter: drop-shadow(0px 0px 3px rgba(220, 200, 120, 0.9)) drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.6)) drop-shadow(0px 0px 12px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 25px rgba(255, 244, 209, 0.8));
}

#S1 {
  animation-delay: 0.1s;
}

#L5 {
  animation-delay: 0.2s;
}

#L4 {
  animation-delay: 0.3s;
}

#L3 {
  animation-delay: 0.4s;
}

#L2 {
  animation-delay: 0.5s;
}

#L1 {
  animation-delay: 0.6s;
}
#Th12 {
  animation-delay: 0.7s;
}
#Th11 {
  animation-delay: 0.8s;
}
#Th10 {
  animation-delay: 0.9s;
}
#Th9 {
  animation-delay: 1s;
}
#Th8 {
  animation-delay: 1.1s;
}
#Th7 {
  animation-delay: 1.2s;
}
#Th6 {
  animation-delay: 1.3s;
}
#Th5 {
  animation-delay: 1.4s;
}
#Th4 {
  animation-delay: 1.5s;
}
#Th3 {
  animation-delay: 1.6s;
}
#Th2 {
  animation-delay: 1.7s;
}
#Th1 {
  animation-delay: 1.8s;
}
#c7 {
  animation-delay: 1.9s;
}
#c6 {
  animation-delay: 2s;
}
#c5 {
  animation-delay: 2.1s;
}
#c4 {
  animation-delay: 2.2s;
}
#c3 {
  animation-delay: 2.3s;
}
#c2 {
  animation-delay: 2.4s;
}
#c1 {
  animation-delay: 2.5s;
}
 
@keyframes spine {
  from {
    opacity: 0.6;
    filter: drop-shadow(0 0 3px rgba(200, 170, 120, 0.1));
  }
  to {
    opacity: 1;
    filter: drop-shadow(0 0 3px rgba(200, 170, 120, 1));
  }
}