body {
    margin: 0;
    max-width: 700px;
    max-height: 225px;
    width: 700px;
    height: 225px;
}

#overlay>div {
    position: absolute;
    max-width: 700px;
    max-height: 225px;
    animation-name: bounceIn;
    animation-duration: 1.5s;
}

.slap {
    position: absolute;
    right: -40px;
    top: 50px;
}

.christmas-slap {
    position: absolute;
    right: -10px;
    top: 40px;
}

.christmas-alert {
    width: 700px;
}

p {
    position: absolute;
    margin: 0;
    font-size: 28px;
    color: rgb(255, 141, 27);
    top: 50%;
    width: 100%;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px;
}

.animated {
    color: rgb(149, 49, 198);
    font-size: inherit;
    vertical-align: baseline;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.animated.pulse .animated-letter {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.animated-letter:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.animated-letter {
    -webkit-animation-name: inherit;
    animation-name: inherit;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    15% {
        transform: scale(1.2);
    }
}

@keyframes bounceIn {
   0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
   0% {
       opacity: 0;
       -webkit-transform: scale3d(.3, .3, .3);
       transform: scale3d(.3, .3, .3);
   }
   20% {
       -webkit-transform: scale3d(1.1, 1.1, 1.1);
       transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
       -webkit-transform: scale3d(.9, .9, .9);
       transform: scale3d(.9, .9, .9);
   }
   60% {
       opacity: 1;
       -webkit-transform: scale3d(1.03, 1.03, 1.03);
       transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
       -webkit-transform: scale3d(.97, .97, .97);
       transform: scale3d(.97, .97, .97);
   }
   100% {
       opacity: 1;
       -webkit-transform: scale3d(1, 1, 1);
       transform: scale3d(1, 1, 1);
   }
}
