#gun {
    position: absolute;
    left: calc(50vw - 100px);
    top: calc(100vh - 100px);
    width: 200px;
    height: 200px;
    animation-name: spin;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

@keyframes spin {
    from {
        transform: rotateZ(-30deg);
    }

    to {
        transform: rotateZ(130deg);
    }
}

#lightning {
    position: absolute;
    width: 200px;
    height: 360px;
    left: calc(50vw - 90px);
    top: calc(100vh + 3px);
    transform-origin: top center;
    visibility: hidden;
}

.fire {
    width: 71px;
    height: 100px;
    position: absolute;
}