:root {
    --margin: 5vw;
}
#advert{
    visibility: hidden;
    background-color: white;
    overflow: hidden;
    cursor:pointer;
}
    #btnMain{
        pointer-events: auto;
    }
    #logotype{
        top:var(--margin);
        height: 8%;
        background-image: url(../assets/logotype.png);
        /* background-color: black; */
    }
    #btnClose{
        top:var(--margin);
        width:calc(var(--margin)*2);
        height:calc(var(--margin)*2);
        pointer-events: auto;
        right:var(--margin);
        background-image: url(../assets/ico_close.png);
    }
    #btnCTA{
        bottom: 0;
        height:15%;
        background-image: url(../assets/cta.png);
        background-size: 50%;
        z-index: 100;
        pointer-events: auto;
    }
    #stage-1{
        /* visibility: hidden; */
    }   
       #stage-1 > div:nth-child(1){
            height: 63%;
       }
            #stage-1 > div:nth-child(1) >  div:nth-child(1) {
                background-image: url(../assets/messi_run.png);
                width:60%;
                filter: blur(2px);
                visibility: hidden;
            }
                #stage-1 > div:nth-child(1) >  div:nth-child(1) > div{
                    background-image: url(../assets/shadow.png);
                    background-position: bottom;
                }
            #stage-1 > div:nth-child(1) >  div:nth-child(2) {
                background-image: url(../assets/salah_run.png);
                width:60%;
                filter: blur(2px);
                visibility: hidden;
            }
                #stage-1 > div:nth-child(1) >  div:nth-child(2) > div{
                    background-image: url(../assets/shadow.png);
                    background-position: bottom;
                }
            #stage-1 > div:nth-child(1) >  div:nth-child(3){
                /* ball main */
            }
                #stage-1 > div:nth-child(1) >  div:nth-child(3) > div:nth-child(1){
                    background-image: url(../assets/ball.png);
                    width:15vw;
                    height:15vw;
                }
                #stage-1 > div:nth-child(1) >  div:nth-child(3) >  div:nth-child(2){
                    background-image: url(../assets/shadow.png);
                    /* background-position: bottom; */
                    margin-bottom: 100%;
                    background-size: 100% 39%;
                    /* visibility: hidden; */
                }
        #stage-1 > div:nth-child(2){
            top: 12%;
            height: 20%;
            width: 60%;
            z-index: 10;
        }
            #stage-1 > div:nth-child(2) >  div:nth-child(1) {
                width: 100%;
                height: 60%;
                background-image: url(../assets/jestes-szybki.png);
                background-position: bottom;
                margin-bottom: 5%;
            }
            #stage-1 > div:nth-child(2) >  div:nth-child(2) {
                width: 100%;
                height: 40%;
                background-image: url(../assets/sprobuj-zlapac-zawodnika.png);
                background-position: top;
            }
        #stage-1 > div:nth-child(3){
            width:17vh;
            height:17vh;
            background-image: url(../assets/ico_touch.png);
            /* display: none; */
        }
        #stage-1 > div:nth-child(4){
            /* mouse interface */
            opacity:0;
        }
            #stage-1 > div:nth-child(4) > div:nth-child(1) {
                background-image: url(../assets/apla_catch.png), linear-gradient(white,white,transparent,transparent,white, white);
                height:100%;
                opacity:.9;
                /* visibility: hidden; */
            }
            #stage-1 > div:nth-child(4) > div:nth-child(2) {
                background-image: url(../assets/apla_catch_ok.png);
                background-repeat: no-repeat;
                visibility: hidden;
            }
            #stage-1 > div:nth-child(4) > div:nth-child(3) {
                background-image: url(../assets/apla_catch_none.png);
                background-repeat: no-repeat;
                visibility: hidden;
            }
        #stage-1 > div:nth-child(5){
                background-image: url(../assets/start-bg.jpg);
                background-size: cover;
                width:300%;
                z-index: -100;
            }
    #stage-2{
        background-image: linear-gradient(#93ac0c, white, white);
        visibility: hidden;
    }
        #stage-2 > div:nth-child(1){
            width:80%;
            height:60%;
            background-image: url(../assets/messi_foto.jpg);
            background-size: cover;
            top:0;
            left:0;
        }
        #stage-2 > div:nth-child(2){
            right:0;
            top:48%;
            width:55%;
            height:20%;
            background-image: url(../assets/packshot_small.jpg);
            background-size: cover;
        }
        #stage-2 > div:nth-child(3){
            bottom:15%;
            width:100%;
            height:15%;
        }
           #stage-2 > div:nth-child(3) > div:nth-child(1){
                width:35%;
                height:35%;
                margin-left:-50%;
                background-image: url(../assets/leo-messi-wybral.png);
           }
           #stage-2 > div:nth-child(3) > div:nth-child(2){
                width:70%;
                background-image: url(../assets/crazyfast_logo_anim.gif);
           }
           #stage-2 > div:nth-child(3) > div:nth-child(3){
                width:25%;
                height:20%;
                margin-left:45%;
                margin-top:-3%;
                background-image: url(../assets/adidaspl_x.png);
                visibility: hidden;
           }
    #stage-3{
            background-image: linear-gradient(#bdd243,#bdd243,#bdd243, white, white);
            visibility: hidden;
        }
            #stage-3 > div:nth-child(1){
                width:100%;
                height:50%;
                background-image: url(../assets/packshot_big.jpg);
                background-size: cover;
                top:0;
            }
            #stage-3 > div:nth-child(2){
                width:100%;
                height: 25%;
                margin-top:20%;
                flex-direction: row;
            }
                #stage-3 > div:nth-child(2) > div:nth-child(1){
                    width:50%;
                    height:100%;
                    background-image: url(../assets/badz-szybszy-dzieki.png);
                    background-size: 80%;
                }
                #stage-3 > div:nth-child(2) > div:nth-child(2){
                    width:50%;
                    height:100%;
                    background-position: right;
                    background-image: url(../assets/salah_messi.jpg);
                }
            #stage-3 > div:nth-child(3){
                bottom:15%;
                width:100%;
                height:10%;
            }
                #stage-3 > div:nth-child(3) > div:nth-child(1){
                    width:70%;
                    background-image: url(../assets/crazyfast_logo_anim.gif);
                }
                #stage-3 > div:nth-child(3) > div:nth-child(2){
                        width:25%;
                        height:20%;
                        margin-left:45%;
                        margin-top:-3%;
                        background-image: url(../assets/adidaspl_x.png);
                        visibility: hidden;
                }