#flag_shape {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 83%, 0 100%);
}

.hp_goldAnimation {
  background: linear-gradient(270deg, #f7edd6, #846d27, #f7edd6);
  background-size: 300% 100%;
  animation: gradientMove 10s linear infinite;
}

.hp_silverAnimation {
  background: linear-gradient(270deg, #f1f1f1, #afafb0, #f1f1f1);
  background-size: 300% 100%;
  animation: gradientMove 10s linear infinite;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}