body{
    background-image: url(../images/baggrund.jpeg);
    background-size: cover;
}

#fugle{
position: relative;
animation-name: flyvendefugle;
animation-duration: 8s;
animation-iteration-count: 5;
width: 100px;
height: 100px;
/*bottom: 0px;*/
right: -10px;
}

#fugle2{
    position: relative;
    animation-name: flyvendefugle2;
    animation-duration: 8s;
    animation-iteration-count: 5;
    width: 100px;
    height: 100px;
    /*bottom: 0px;*/
    right: -10px;
    }

#pige{
    position: relative;
    animation-name: lillepige;
    animation-duration: 6s;
    width: 2px;
    height: 20px;
    animation-fill-mode: forwards; 
}

#pige2{
    position: relative;
    animation-name: lillepige2;
    animation-duration: 6s;
    width: 2px;
    height: 20px;
    animation-delay: 6s;
    opacity: 0;
}

#klovn{
    position: relative;
    animation-name: klovn;
    animation-duration: 13.5s;
    width: 2px;
    height: 20px;
    animation-delay: 11s;
    opacity: 0;
   
}

@keyframes flyvendefugle {
    from{
        left: -200px; 
        bottom:0px;
    }

    to{
        left: 1500px;
        bottom:-10px;
    }
}

@keyframes flyvendefugle2 {
    from{
        left: 1200px;
        bottom:-10px;
        
    }

    to{
        left: -200px; 
        bottom:0px;
    }
}

@keyframes lillepige {
    from{
        left: 800px; 
        bottom: 0px;
        transform: scale(0.8);
    }

    to{
        left: 850px;
        bottom: -200px;
        transform: scale(0.2);
    }
   
}

@keyframes lillepige2 {
    from{
        left: 850px;
        bottom: -200px;
        transform: scale(0.2);
        opacity: 1;
        
    }

    to{
        left: 800px; 
        bottom: 0px;
        transform: scale(0.8);
        opacity: 1;
    }
   
}

@keyframes klovn {
    from{
        left: 400px; 
        bottom:400px;
        transform: scale(5);
        opacity: 1;
    }

    to{
        left: 400px;
        bottom:400px;
        opacity: 1;
        transform: scale(5);
    }
}

#arrows {
    width: 4%;
    height: auto;
    rotate: 90deg;
    position: relative;
    top: 290px;
    left: 50px;
}