.persona {
  display: none
}

.persona.active {
  display: block;
  animation: fadeIn .35s ease-out
}

#selector {
  animation: fadeIn .4s ease-out
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

/* Mobile */
@media(max-width:600px) {
  .card-btn {
    padding: 1.5rem
  }

  .card-btn .card-num {
    font-size: 72px
  }

  .page-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}