@keyframes red-circle {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.red-circle {
  animation: red-circle 1000ms infinite;
}

@keyframes green-circle {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.green-circle {
  animation: green-circle 1000ms infinite;
}

@keyframes material-power {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}

.material-power.animation {
  animation: material-power 1000ms infinite;
}

.material-power.red {
  color: #FF0000;
}

.material-power.animation.green {
  color: #00FF00;
}