.show .skull {
  -webkit-transition: opacity 0.5s ease-out 1s;
  -moz-transition: opacity 0.5s ease-out 1s;
  -ms-transition: opacity 0.5s ease-out 1s;
  transition: opacity 0.5s ease-out 1s;
  animation: flickerUnskewed 1s 1;
  animation-timing-function: cubic-bezier(1.000, -0.290, 0.000, 1.150);
  animation-fill-mode: forwards;
  opacity: 0;
}
.skull.skewed{
  transform: skewX(-60deg);
  animation: flickerSkewed 1s 1;
}

.show .imprint-content {
  animation: blinkIn 1s 1 0.8s;

  animation-fill-mode: forwards;
}

body.first:not(.show) .imprint-trigger{
  animation: flash 1s infinite alternate;
  animation-fill-mode: backwards;

}

.imprint-trigger:hover, .imprint-trigger.show {
  animation: flash 1s infinite alternate;

  animation-fill-mode: backwards;
}

.show .imprint-trigger-close.blink, .show .imprint-trigger-close.blink:hover{
  animation: flash 1.5s infinite alternate 2.5s;
  animation-fill-mode: backwards;
}

@keyframes skull {
 0% {
    transform: skewX(-90deg);
 }
 35% {
    transform: skewX(-60deg);
 }
 80% {
    transform: skewX(0deg);
 }
 100% {
    transform: skewX(0deg);
 }
}

@keyframes flickerSkewed {
  0%,10.1%,25%,30.1%,35%,45.1%,55%,62.1%,70%,78.1%,90%,100% {
    opacity: 0;

  }
  0.1%,10%,25.1%,30%,35.1%,45%,55.1%,62%,70.1%,78%,90.1%,99.9% {
    opacity: 1;
  }
}
@keyframes flickerUnskewed {
  0%,10.1%,25%,30.1%,35%,45.1%,55%,62.1%,70%,78.1%,90%,100% {
    opacity: 1;

  }
  0.1%,10%,25.1%,30%,35.1%,45%,55.1%,62%,70.1%,78%,90.1%,99.9%, 100% {
    opacity: 0;
  }
}


@keyframes flicker {
  from {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    filter: alpha(opacity=70);
    opacity: 0.7;
  }
}

@keyframes blinkIn{
  0%, 70%, 80.1%, 90%, 95.1%, 99.9%{opacity: 0;}
  70.1%, 80%, 90.1%, 95%, 100%{opacity: 1;}
}

@keyframes flash {
  from {
  filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
  filter: alpha(opacity=70);
    opacity: 0.7;
  }
}