@keyframes fadein {
    from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
@-webkit-keyframes fadein {
    from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
@keyframes bounceIn {
     0% {
         transform: scale(0.1);
         opacity: 0;
    }
     60% {
         transform: scale(1.2);
         opacity: 1;
    }
     100% {
         transform: scale(1);
    }
}
@-webkit-keyframes bounceIn {
     0% {
         transform: scale(0.1);
         opacity: 0;
    }
     60% {
         transform: scale(1.2);
         opacity: 1;
    }
     100% {
         transform: scale(1);
    }
}

@keyframes progbar {
    from {
         width: 0;
    }
     to {
         width: 100%;
    }
}
 @-webkit-keyframes progbar {
    from {
         width: 0;
    }
     to {
         width: 100%;
    }
}

img.preload {
    display:none;
}
#pbar {
    position:absolute;
    bottom:0;
    left:0;
    background:url(/img/pbar-ani.gif);
    background-size:auto 100%;
    height:22px;
    width:0;
    -webkit-animation: progbar 1.5s linear;
    animation: progbar 3s linear;
    display:block;
}

/** visibility **/
.hide {display:none !important;}
.invisible {visibility: hidden; z-index:-9;}

body {
    background:black;
}
.topgunstart {
    display:inline-block;
    height:100%;
    width:auto;
    transition:.5s ease-in all
}
.topgunstart:hover {
    transform: rotateX(-180deg);
    -webkit-transform:rotateX(-180deg);
}
.fullscreen {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
    object-fit: cover;
}
@media (orientation:portrait) {
    .fullscreen {object-fit: contain;}
}
#startButton {
    position:fixed;
    bottom:6%;
    width:100%;
    z-index:100;
    text-align:center;
    left:-3%;
    -webkit-animation: bounceIn 1s;
    -moz-animation: bounceIn 1s;
    -ms-animation: bounceIn 1s;
    -o-animation: bounceIn 1s;
    animation: bounceIn 1s;
    outline:none;
    transition:1s ease-out all;
}
#startButton img {
    display:inline-block;
    width:30vw;
    height:auto;
}

@media(orientation:portrait) {
    #startButton {bottom:25%}
    #startButton img {
        width:55vw
    }
}