@keyframes lightningStrike {
  0% { opacity: 0; }
  4% { opacity: 1; }
  8% { opacity: 0; }
  13% { opacity: 0.85; }
  18% { opacity: 0; }
  26% { opacity: 0.45; }
  100% { opacity: 0; }
}

.lightning-flash.active{
    animation:lightningStrike 1.15s ease;
}

.cloud-left.open{
    transition:transform 4.5s ease, opacity 4.5s ease;
    transform:translateX(-82%);
    opacity:0;
}

.cloud-right.open{
    transition:transform 4.5s ease, opacity 4.5s ease;
    transform:translateX(82%);
    opacity:0;
}
.intro-cover.hide {
  opacity: 0;
  transition: opacity 2.2s ease;
}

.portal-buttons.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}