.water{
    position: absolute;
    left: 280px;
    top: 110px;
    z-index: -2;
    animation: water 5s;
    -webkit-animation: water 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*animation-direction: alternate;*/
    animation-timing-function: linear;
}

@keyframes water {
    0% {
        width: 5%;
        opacity: 0;
        transform:scale(2,2);
    }
    20%{
        opacity:0.4;
    }
    50%{
        width: 8%;
        opacity: 0.8;
    }
    100% {
        width: 10%;
        opacity: 0;
        transform:scale(2,2);
    }
}




.cloudLeft{
    position: absolute;
    top: -1px;
    z-index: -2;
    animation: cloudLeft 17s;
    -webkit-animation: cloudLeft 17s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*animation-direction: alternate;*/
    animation-timing-function: linear;
}
@keyframes cloudLeft {
    0% {
        left: 200px;
        opacity: 0;
    }
    50%{
        opacity:0.6;
    }
    100% {
        left: 700px;
        opacity: 0;
        top: -20px;
    }
}
.cloudCenter{
    position: absolute;
    top: -1px;
    z-index: -2;
    animation: cloudCenter 17s;
    -webkit-animation: cloudCenter 17s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*animation-direction: alternate;*/
    animation-timing-function: linear;
}
@keyframes cloudCenter {
    0% {
        left: 800px;
        top:100px;
        opacity: 0;
    }
    50%{
        opacity:0.6;
    }
    100% {
        left: 1000px;
        top:50px;
        opacity: 0;
    }
}
.cloudRight{
    position: absolute;
    top: -1px;
    z-index: -2;
    animation: cloudRight 17s;
    -webkit-animation: cloudRight 17s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*animation-direction: alternate;*/
    animation-timing-function: linear;
}
@keyframes cloudRight {
    0% {
        left: 1400px;
        top:100px;
        opacity: 0;
    }
    50%{
        opacity:0.6;
    }
    100% {
        left: 1700px;
        top:110px;
        opacity: 0;
    }
}