/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 17, 2020, 8:31:28 AM
    Author     : gasper
*/

.fun1{
    position: absolute;
    top: -122px;
    left: 8%;
}

.fun2{
    position: absolute;
    top: -26px;
    left: -9%;
}

.fun3{
    position: absolute;
    top: -55px;
    left: -3%;
}

.fun4{
    position: absolute;
    top: 0;
    left: 4%;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun5{
    position: absolute;
    top: 0;
    left: 13%;
}

.fun6{
    position: absolute;
    top: -41px;
    left: 17%;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun7{
    position: absolute;
    top: 40px;
    left: -5%;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun8{
    position: absolute;
    top: 132px;
    left: -8%;
}

.fun9{
    position: absolute;
    right: 22%;
    top: -15px;

}

.fun10{
    position: absolute;
    right: 17%;
    top: 45px;
}

.fun11{
    position: absolute;
    right: 8%;
    top: 38px;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun12{
    position: absolute;
    right: 24%;
    top: 95px;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun13{
    position: absolute;
    top: -158px;
    left: -3%;
}

.fun14{
    position: absolute;
    top: -54px;
    left: 13%;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun15{
    position: absolute;
    top: 50px;
    left: -8%;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun16{
    position: absolute;
    bottom: 94px;
    right: 20%;
}

.fun17{
    position: absolute;
    bottom: 119px;
    right: 10%;
}

.fun18{
    position: absolute;
    bottom: 97px;
    right: 3%;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun19{
    position: absolute;
    bottom: 37px;
    right: 8%;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun20{
    position: absolute;
    bottom: -29px;
    right: 20%;
}

.fun21{
    position: absolute;
    bottom: -35px;
    right: 13%;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.fun22{
    position: absolute;
    bottom: -85px;
    right: 11%;
}

.fun23{
    position: absolute;
    bottom: -69px;
    right: 3%;
}

.fun24{
    position: absolute;
    left: -10%;
    top: 133px;
}

.fun25{
    position: absolute;
    top: 34px;
    left: -10%;
}

.fun26{
    position: absolute;
    left: -3%;
    top: -50px;
}

.fun27{
    position: absolute;
    left: -5%;
    top: 69px;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

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