.okvir {
    display: flex;
    background: url(../img/sveca.jpg),
                url(../img/klaus1.jpg);
    background-size: 100vw 94vh;
    background-blend-mode: multiply;
}

.klaus {
    font-size: 9vh;
    text-shadow: 0 0 5px #63cdff,
                 5px 5px 15px gold;
    font-family: 'Over the Rainbow',
        cursive;
    font-weight: bolder;
    text-align: center;
    top: 5vh;
}

.container {
    position: fixed !important;
    margin: 6.25vw auto;
    width: 4.6875vw;
    height: 6.521739130434782vh;
    left: 46.5vw;
    bottom: 26.5vh;
    transform-origin: center bottom;
    animation-duration: 3ms;
    animation-delay: 200ms;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: flicker;
    background: black;
}

    .flame {
        bottom: 0;
        position: absolute;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        transform: rotate(0deg) scale(1.5, 1.5);
        -webkit-transform: rotate(0deg) scale(1.5, 1.5);
        -moz-transform: rotate(0deg) scale(1.5, 1.5);
        -ms-transform: rotate(0deg) scale(1.5, 1.5);
        -o-transform: rotate(0deg) scale(1.5, 1.5);
    }

        .red {
            left: 0.390625vw;
            width: 3.90625vw;
            height: 27vh;
            background: OrangeRed;
            box-shadow: 0px 0px 5px 4px OrangeRed;
        }
        
        .orange {
            left: 0.78125vw;
            width: 3.125vw;
            height: 26vh;
            background: orange;
            box-shadow: 0px 0px 9px 4px orange;
        }
        
        .yellow {
            left: 1.171875vw;
            width: 2.34375vw;
            height: 25vh;
            background: gold;
            box-shadow: 0px 0px 9px 4px gold;
        }
        
        .white {
            left: 1.171875vw;
            bottom: -0.43478260869565216vh;
            width: 2vw;
            height: 20vh;
            background: white;
            box-shadow: 0px 0px 9px 4px white;
        }

        .circle {
            position: absolute;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

            .blue {
                width: 0.78125vw;
                height: 10vh;
                left: 1.8vw;
                bottom: -2.717391304347826vh;
                background: SlateBlue;
                box-shadow: 0px 0px 15px 10px SlateBlue;
            }

            .black {
                width: 2vw;
                height: 3.260869565217391vh;
                left: 47.7vw;
                bottom: 22.5vh;
                background: black;
                box-shadow: 0px 0px 10px 10px black;
            }

@keyframes flicker {
    0% {
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
    }
    20% {
        transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
    }
    40% {
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
    }
    60% {
        transform: rotate(1deg) scaleY(1.04);
        -webkit-transform: rotate(1deg) scaleY(1.04);
        -moz-transform: rotate(1deg) scaleY(1.04);
        -ms-transform: rotate(1deg) scaleY(1.04);
        -o-transform: rotate(1deg) scaleY(1.04);
    }
    80% {
        transform: rotate(-2deg) scaleY(0.92);
        -webkit-transform: rotate(-2deg) scaleY(0.92);
        -moz-transform: rotate(-2deg) scaleY(0.92);
        -ms-transform: rotate(-2deg) scaleY(0.92);
        -o-transform: rotate(-2deg) scaleY(0.92);
    }
    100% {
        transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
    }
}