@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');

            #text1 {
                position: absolute;                
                font-size: 200%;
                font-family: 'Amatic SC', sans-serif;
                text-indent: 50px;
                text-align: justify;
                position: absolute;
                left: 15vw;
                top: 47vh;
                width: 30vw;
                height: 20vh;
                display: none;
                word-spacing: 2px;
                
                
                
                    
                }
                #text2 {
                  position: absolute;                
                  font-size: 200%;
                  font-family: 'Amatic SC', sans-serif;
                  text-indent: 50px;
                  text-align: justify;
                  position: absolute;
                  left: 21vw;
                  top: 53vh;
                  display: none;
                  word-spacing: 2px;
                  
                  
                  
                      
                  }

                  #text3 {
                    position: absolute;                
                    font-size: 200%;
                    font-family: 'Amatic SC', sans-serif;
                    text-indent: 50px;
                    text-align: justify;
                    position: absolute;
                    left: 18vw;
                    top: 50vh;
                    width: 25vw;
                    display: none;
                    word-spacing: 2px;
      
                    }
            
                    #text4 {
                      position: absolute;                
                      font-size: 200%;
                      font-family: 'Amatic SC', sans-serif;
                      text-indent: 50px;
                      text-align: justify;
                      position: absolute;
                      left: 23vw;
                      top: 53vh;
                      width: 30vw;
                      display: none;
                      word-spacing: 2px;
        
                      }
                      
                      
                    #text5 {
                      position: absolute;                
                      font-size: 200%;
                      font-family: 'Amatic SC', sans-serif;
                      text-indent: 50px;
                      text-align: justify;
                      position: absolute;
                      left: 15vw;
                      top: 46vh;
                      width: 30vw;
                      display: none;
                      word-spacing: 2px;
        
                    
        
                      }    
                      
                    #text6 {
                      position: absolute;                
                      font-size: 200%;
                      font-family: 'Amatic SC', sans-serif;
                      text-indent: 50px;
                      text-align: justify;
                      position: absolute;
                      left: 20vw;
                      top: 52vh;
                      width: 30vw;
                      cursor: pointer;
                      display: none;
        
                      }    
  

             #div1 {
             position: absolute;

             width: 25vw;
             height: 10vw;
             margin-top: 20px;
            
            }
 
             #kolecko {
              position: absolute;
              width: 9vw;
              height: 17vh;
              left: 27.5vw;
              top: 4.5vh;
              cursor: pointer;
            
              
             }
             #packa {
              position: absolute;
              width: 5vw;
              height: 8vh;
              top: 0.5vh;
              right: 44vw;
              cursor: pointer;
                
             }
    
             #myVideo {
              top: 0px;
              width: 100vw;
              height: 100vh;
              position: absolute;
             }

             body {
              background-image: url(pozadi.png);
              background-size: cover;
              overflow: hidden;
              overflow: hidden;
             }

             #inventar {
              position: fixed;
              width: 450px;
              height: 120px;
              padding-top: 20px;
              padding-left: 30px;


             }

             #lahev {
              position: fixed;
              left: 180px;
              display: none;
            
              
             }
             #pytlik {
              position: fixed;
              left: 300px;
              display: none;
             }

             #prazdny {
              width: 90vw;
              object-position: center;
              height: 100vh;
              padding-left: 5vw;
              top: 0;
              margin-top: -1vh;
              padding-bottom: 1vh;



             }
           
.zoom:hover {
    -ms-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
     transform: scale(1.1); 
  }
    

  #tabulka1 {
    position: fixed;
    width: 40vw;
    height: 40vh;
    top: 40vh;
    left: 10vw;
    display: none;
    
  
  }

  #tabulka2 {
    position: fixed;
    width: 40vw;
    height: 40vh;
    top: 40vh;
    left: 10vw;
    display: none;
  }

  #tabulka3 {
    position: fixed;
    width: 40vw;
    height: 40vh;
    top: 40vh;
    left: 10vw;
    display: none;
  }

  #tabulka4 {
    position: fixed;
    width: 30vw;
    height: 30vh;
    top: 40vh;
    left: 10vw;
    display: none;
  }


  #sipka {
    position: fixed;
    top: 35vh;
    right: 5vw;
    display: none;
    width: 5vw;
    height: 10vh;
    cursor: pointer;
  
  }

  #sipka2 {
    position: fixed;
    top: 65vh;
    left: 40vw;
    display: none;
    width: 5vw;
    height: 10vh;
    cursor: pointer;
  
  }

  #sipka3 {
    position: fixed;
    top: 65vh;
    left: 40vw;
    display: none;
    width: 5vw;
    height: 10vh;
    cursor: pointer;
  
  }

  #sipka4 {
    position: fixed;
    top: 65vh;
    left: 40vw;
    display: none;
    width: 5vw;
    height: 10vh;
    cursor: pointer;
  
  }

  #sipka5 {
    position: fixed;
    top: 65vh;
    left: 40vw;
    display: none;
    width: 5vw;
    height: 10vh;
    cursor: pointer;
  
  }