body {
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden ;
        top: 0vw;
}

#startovani{
    z-index: 15;
    width: 100vw;
    height: auto;
    position: absolute;
}
#emu_probehl{
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 0;
    top: 0vw;
}
#fletnak_prelet{
      z-index: 1;
    width: 100vw;
    height: auto;
    position: absolute;
}

#t1 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t2 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t3 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t4 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t5 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t6 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t7 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}

#t8 {
position: absolute;
top: 37vw;
left: 0vw;
width: 100vw;
height: auto;
z-index:1;
}


  #fl {
position: absolute;
left: 80vw;
top: 20vw;
z-index: 5;
  }

#emu_mluvi{
position: absolute;
top: 41vw;
left: 2vw;
width: 25vw;
height: auto;
z-index: 3;
pointer-events: none;
}

#flet_mluvi{
position: absolute;
top: 41vw;
left: 78vw;
width: 25vw;
height: auto;
z-index: 3;
pointer-events: none;
}

#start{
    z-index: 16;
    position: absolute;
    width: 10vw;
    height: auto;
    top: 20vw;
    left: 45vw;

}

#pozadi {
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: -1;
    top: 0vw;
}
    #emu1 {
        width: 100vw;
        height: auto;
        position: absolute;
        z-index:10;
    }

    #koala {
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 10;


        }

        #dingo {
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 6;

        }

            #certi {
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 8;

        }
        
 #konec_koncu_konec{
 width: 100vw;
 height: auto;
 position: absolute;
 z-index: 12;
 top: 40vw ;
 left: 1vw;
 }

#fletnak_sedi{
 width: 20vw;
 height: auto;
 position: absolute;
 z-index: 6;
 top: 5vw ;
 left: 84vw; 
}

#emu_stoji{
 width: 5vw;
 height: auto;
 position: absolute;
 z-index: 6;
 top: 20vw ;
 left: 75vw; 
}

 #restart{ 
 width: 4vw;
 height: auto;
 position: absolute;
 z-index: 20;
 top: 1vw ;
 left: 1vw;
 
}
#slunce{ 
 width: 20vw;
 height: auto;
 position: absolute;
 z-index: 3;
 top: 1vw ;
 left: 12vw;
 
}

#dalekohled{ 
 width: 20vw;
 height: auto;
 position: absolute;
 z-index: 3;
 top: 24vw;
 left: -1vw;
 }

#sit{  
 width:22vw;
 height: auto;
 position: absolute;
  z-index: 3;
 top:6vw;
 left: 45vw;
 }

#cedule {
 width: 28vw;
 height: auto;  
 position: absolute; 
 z-index: 0; 
 top: 47vw ;
 left: 1vw;
 }

 .hidden {
display: none;
}

.neklikat{
pointer-events: none;
}

.klikat{
pointer-events: all
}

 #tabulka {
 width: 100vw;
 height: auto;  
 position: absolute; 
 z-index: 1; 
 top: 37vw ;
 left:0vw;
 }

 #info{
 width: 100vw;
 height: 100vh;
 display: flex;
 align-items: center;
flex-direction: column;
 }

#text{
font-size: 2vw;
color: rgb(191, 184, 255);
position: absolute;
z-index: 2;
top: 44vw;
left: 23vw;
right: 22vw;
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}


#borivoj{
position: absolute;
z-index: 5;
width: 10vw;
height:3vw;
top:54vw;
left: 46vw;
font-size: 2vw;
font-family: "Jersey 10", sans-serif;
font-weight: 400;
font-style: normal;
}

#ticho_bud{
position: absolute;
z-index: 5;
width: 10vw;
height:3vw;
top:54vw;
left: 46vw;
font-size: 2vw;
font-family: "Jersey 10", sans-serif;
font-weight: 400;
font-style: normal;
}

#dal{
position: absolute;
background-color:black;
color:rgb(255, 255, 255);
z-index: 1;
width: 10vw;
height:3vw;
top:54vw;
left: 45vw;
font-size: 2vw;
font-family: "Jersey 10", sans-serif;
font-weight: 400;
font-style: normal;
}

#odemceno{
position: absolute;
z-index: 100;
top: 20vw;
left: 93vw;
width: 4vw;
height: auto;
}

#mluvka{
position: absolute;
top: 5.5vw;
left: 7.3vw;
width: 90vw;
height: auto;
z-index: 2;
pointer-events: none;
}


#mluvka2{
position: absolute;
top: 41vw;
left: 78vw;
width: 25vw;
height: auto;
z-index: 3;
pointer-events: none;
}

.neklikat{
pointer-events: none;
}

#prechod_1a2{
    width: 100vw;
    height: auto;
    position: absolute;
    z-index: -9;
}

#kulomet {
    width: 35vw;
    left: 65vw;
    top: -5vw;
    height: auto;
    position:absolute ;
    z-index: 2;

}

#prehrada{
    width: 40vw;
    height: auto;
    position:absolute ;
    left: 30vw;
    top: 11vw;
    z-index: 2; 
}

#stopy{
    width: 30vw;
    top: 26vw;
    height: auto;
    position:absolute ;
    z-index: 2;
}


 #tabulka2 {
 width: 100vw;
 height: auto;  
 position: absolute;  
 top: 37vw ;
 left:0vw;
 z-index: 3;
 }

 #info2{
 width: 100vw;
 height: 100vh;
 display: flex;
 align-items: center;
 flex-direction: column;
 }

#text2{
font-size: 2vw;
color: bisque;
position: absolute;
z-index: 14;
top: 44vw;
left: 23vw;
right: 22vw;
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}

#borivoj2{
position: absolute;
z-index: 10;
width: 10vw;
height:3vw;
top:54vw;
left: 46vw;
font-size: 2vw;
font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}

#odemceno2{
    rotate: 90deg;
    position: absolute;
    z-index: 15;
    left: 48vw;
    top: 26vw;
    width: 4vw;
    height: auto;   
}

#pozadi3{
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 0;
}

#odemceno2{
    rotate: 90deg;
    position: absolute;
    z-index: 15;
    left: 48vw;
    top: 26vw;
    width: 4vw;
    height: auto;   
}

#odemikac_predmety2{
position: absolute;
z-index: 15;
width: 50vw;
height:auto;
top:5vw;
left: 5vw;
}

#pozadi3{
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: -10;
}

#prechod_2a3{
    width: 100vw;
    height: auto;
    position: absolute;
    z-index: -9;
}

#autak {
    width: 35vw;
    left: 2vw;
    top: 3vw;
    height: auto;
    position:absolute ;
    z-index: 2;

}

#noviny{
    width: 70vw;
    height: auto;
    position:absolute ;
    left: 30vw;
    top: 11vw;
    z-index: 0; 
}

 #tabulka3 {
 width: 100vw;
 height: auto;  
 position: absolute;  
 top: 37vw ;
 left:0vw;
 z-index: 3;
 }

 #info3{
 width: 100vw;
 height: 100vh;
 display: flex;
 align-items: center;
 flex-direction: column;
 }

#text3{
font-size: 2vw;
color: bisque;
position: absolute;
top: 20vw;
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}

#borivoj3{
position: absolute;
z-index: 10;
width: 10vw;
height:3vw;
top:54vw;
left: 46vw;
font-size: 2vw;
font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}

#borivoj4{
position: absolute;
z-index: 13;
width: 10vw;
height:3vw;
top:54vw;
left: 46vw;
font-size: 2vw;
font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}

#odemceno3{
    rotate: 90deg;
    position: absolute;
    z-index: 15;
    left: 48vw;
    top: 26vw;
    width: 4vw;
    height: auto;    
}

#pozadi3{
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: -1;
}

#odemceno3{
    rotate: 90deg;
    position: absolute;
    z-index: 15;
    left: 48vw;
    top: 26vw;
    width: 4vw;
    height: auto;   
}

#odemikac_predmety3{
position: absolute;
z-index: 15;
width: 30 vw;
height:auto;
top:5vw;
left: 5vw;
}

#obilovina {
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 0;
}

#obilovina_vid {
    width: 40vw;
    height: auto;
    position:absolute ;
    z-index: 2;
    left: 34vw;
    top: 24vw;
}
#noviny{
    width: 4vw;
    height: auto;
    position:absolute ;
    z-index: 12;
    left: 55vw;
    top: 21vw;
}

#noviny_text{
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 12;
    left: 0vw;
    top: 0vw;
}


#mluvka3{
position: absolute;
top: 0vw;
left: 0vw;
width: 100vw;
height: auto;
z-index: 10;
pointer-events: none;
}

#emu_povida{
position: absolute;
top: 35vw;
left: 5vw;
width: 15vw;
height: auto;
z-index: 2;
pointer-events: none;
}

#emu_final{
    width: 100vw;
    height: auto;
    position:absolute ;
    z-index: 12;
    left: 0vw;
    top: 0vw;
}

#text3{
font-size: 2vw;
color: rgb(191, 184, 255);
position: absolute;
z-index: 5;
top: 44vw;
left: 23vw;
right: 22vw;
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;

}