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


body {
    background-image: url(Bez\ názvu-3.svg);
    width: 100vw;
    height: 110vh;
   
    
    
    overflow: hidden;
    



}

#text {
    font-size: 200%;
    font-family: 'Amatic SC', sans-serif;
    text-indent: 20px;
    text-align: justify;
    left: 45vw;
    top: 18vh;
    width: 30vw;
    position: absolute;
    word-spacing: 2px;
    

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

   }

   #text3 {
    font-size: 200%;
    font-family: 'Amatic SC', sans-serif;
    text-indent: 20px;
    text-align: justify;
    left: 50vw;
    top: 17vh;
    width: 30vw;
    position: absolute;
    display: none;
    word-spacing: 2px;
    
    

   }
div {

font-weight: bold;
position: relative;
animation: mymove 4s;
animation-fill-mode: forwards;
animation-play-state: paused;


}

#div {animation-timing-function: linear;}

#sipka {
display: none;
position: absolute;
width: 5vw;
height: 10vh;
right: 3vw;
top: 40vh;
display: none;
cursor: pointer;

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

@keyframes mymove {
from {left: 0px;}
to {left: 2000px;}
}


#div1 {
position: fixed;


width: 40vw;
height: 20vh;

margin-left: 15vw;
margin-top: 35vh;





}
#auticko {
border: none;
background: none;
width: 500px;
height: 200px;
cursor: pointer;
position: absolute;
top: 55vh;
left: 30vw;
margin-top: 0px;
margin-left: 0px;
margin: 0px;
}

#naklad {
width: 55vw;
height: 55vh;
top: 40vh;
left: 23vw;
position: fixed;
}

#auto {
    position:absolute;
    
    width: 55vw;
    height: 55vh;
    top: 40vh;
    left: 23vw;
    display: none;
}

#lahev {
    position: absolute;
    top: 4vh;
    left: 13vw;
    cursor: pointer;

}


#pytlik {
    position: absolute;
    top: 5vh;
    left: 20vw;
    cursor: pointer;



}





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

#tabulka1 {
    position: fixed;
    width: 40vw;
    height: 35vh;
    left: 35vw;
    top: 7vh;
}