@keyframes pulse {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(0.5); } }

@keyframes slidein {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(100%); } }

@keyframes dropDown {
  from {
    transform: translateY(0%); }
  to {
    transform: translateY(100%); } }

@keyframes translateAnimation {
  0% {
    transform: translateX(0);
    /* Start translation */ }
  50% {
    transform: translateX(200); }
  100% {
    transform: translateX(500px);
    /* End translation */ } }

@keyframes changeColor {
  0% {
    fill: #b9ce00;
    /* Initial fill color */ }
  100% {
    fill: #ff804d;
    /* Final fill color */ } }

@keyframes changeColor2 {
  0% {
    fill: #038788;
    /* Initial fill color */ }
  100% {
    fill: #349a84;
    /* Final fill color */ } }

@keyframes traceAppear {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }