@keyframes pulse {

  0% {
    box-shadow:
      0 0 0 0 rgba(0,245,212,.25);
  }

  70% {
    box-shadow:
      0 0 0 25px rgba(0,245,212,0);
  }

  100% {
    box-shadow:
      0 0 0 0 rgba(0,245,212,0);
  }
}

.avatar-circle {

  animation:
    pulse 3s infinite;
}

.cursor {
  animation: blink 1s infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

/* =======================================================
Scroll Reveal
======================================================= */

.reveal{

    opacity:0;

    transform:translateY(30px);

    transition:
        opacity .7s ease,
        transform .7s ease;

    will-change:
        opacity,
        transform;

}

.reveal.show{

    opacity:1;

    transform:translateY(0);

}