@charset "utf-8";
/* CSS Document */
#jumpscare img {
    position: fixed;
    top: 0;
    height: 100vh;
    left: auto;
    right: auto;
    z-index: 500;
    transform: scale(0.025);
    -webkit-animation: jumpscare-anim 1s 1; /* Safari 4.0 - 8.0 */
    animation: jumpscare-anim 1s 1;
    animation-timing-function: linear;
    animation-delay: 4s;}




/* Safari 4.0 - 8.0 */
@-webkit-keyframes jumpscare-anim {
    0%   {transform: scale(0.025); opacity: 0;}
    20%   {opacity: 1;}
    33%   {transform: scale(7); opacity: 1;}
    80%   {opacity: 1;}
    100%   {transform: scale(-7); opacity: 0;}

}

@keyframes animation-name{
    0%   {transform: scale(0.025); opacity: 0;}
    20%   {opacity: 1;}
    33%   {transform: scale(7); opacity: 1;}
    80%   {opacity: 1;}
    100%   {transform: scale(-7); opacity: 0;}
}

@media (max-width: 1024px){
 #jumpscare img {
     left:0;
    }
    
}