#Hsvg{
    position:absolute;
    display: block;
    width: 100%;
    height: 15%;
    margin-top: 0.5%
}

text{
    font-size: 120%;
}

.text-copy--stroke {
      fill: transparent;
      stroke: white;
      stroke-width: 4;
}

.text-copy--shadow {
    fill: rgba(0, 0, 0, 0.25);
    -webkit-transform: translate(0.06em, 0.06em);
    -ms-transform: translate(0.06em, 0.06em);
    transform: translate(0.06em, 0.06em);
}

.r-fill {
  fill: url(#p-circles);
    -webkit-transform-origin: 150px 150px;
    -ms-transform-origin: 300px 150px;
    transform-origin: 300px 150px;
    animation: rotate 30s infinite linear;
}

.c-ring {
    fill: none;
    stroke-width: 2;
    stroke: white;
}

.c-ring--fill {
    fill: white;
    stroke-width: 0;
    stroke: white;
    animation: stroke 5s infinite;

}

@keyframes stroke {
  50% {
    stroke-width: 15;
  }
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}