body {
    background-image: url('pics/pozadi.png');
    background-size:100%;
overflow:no-display;
background-repeat:no-repeat;



}
#toceni:active {
    -webkit-animation: rotation 1s infinite linear;
  
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

 
   
}
.slunko:hover {
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

    @keyframes spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(-360deg);
        }
    }
.trava {
    position:fixed;
    bottom: 5%;
    left: 40%;
    width:50%;
    

}
.trava:hover{
    animation:trava 2s infinite;

}
@keyframes trava{
 
    25% {
        transform: skewX(3deg)
    }
    50% {
        transform: skewX(-3deg)
    }
    100%{transform:skewX(0deg)}
    
}
.slunko{
    animation:slunce 3s infinite
;z-index:-11}
.slunko:hover{
   

}

@keyframes slunce{
    0% {
        left: 0px;
        transform: rotate(0deg);
    }

    50% {
        left: 300px;
        transform: rotate(360deg);
    }
    100% {
        left: 0px;
        transform: rotate(0deg);
    }
}