/* ---------------------- FALLING COINS ---------------------- */
.tree {
    background: url(../img/tree/tree.png);
    width: 537px;
    height: 554px;
    margin: 0 auto;
}

.set {
    position: absolute;
    width: 303px;
    height: 320px;
}
.set div {
    position: absolute;
    display: block;
}

.set div:nth-child(1) {
    left: 15%;
    top: 60%;
    animation: animate1 2s linear infinite;
}
@keyframes animate1 {
    0% {
        opacity: 2;
        top: 60%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(2) {
    left: 9%;
    top: 50%;
    animation: animate2 2.5s linear infinite;
}
@keyframes animate2 {
    0% {
        opacity: 2;
        top: 50%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(3) {
    left: 30%;
    top: 45%;
    animation: animate3 3s linear infinite;
}
@keyframes animate3 {
    0% {
        opacity: 2;
        top: 45%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(4) {
    left: 20%;
    top: 33%;
    animation: animate4 2.8s linear infinite;
}
@keyframes animate4 {
    0% {
        opacity: 2;
        top: 33%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(5) {
    left: 25%;
    top: 50%;
    animation: animate5 3.2s linear infinite;
}
@keyframes animate5 {
    0% {
        opacity: 2;
        top: 50%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(6) {
    left: 45%;
    top: 30%;
    animation: animate6 2.5s linear infinite;
}
@keyframes animate6 {
    0% {
        opacity: 2;
        top: 30%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(7) {
    left: 55%;
    top: 10%;
    animation: animate7 4s linear infinite;
}
@keyframes animate7 {
    0% {
        opacity: 2;
        top: 10%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(8) {
    left: 70%;
    top: 10%;
    animation: animate8 4s linear infinite;
}
@keyframes animate8 {
    0% {
        opacity: 2;
        top: 10%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(9) {
    left: 60%;
    top: 20%;
    animation: animate9 2.8s linear infinite;
}
@keyframes animate9 {
    0% {
        opacity: 2;
        top: 20%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(10) {
    left: 65%;
    top: 22%;
    animation: animate10 3.4s linear infinite;
}
@keyframes animate10 {
    0% {
        opacity: 2;
        top: 22%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(11) {
    left: 80%;
    top: 33%;
    animation: animate11 2.8s linear infinite;
}
@keyframes animate11 {
    0% {
        opacity: 2;
        top: 33%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(12) {
    left: 90%;
    top: 8%;
    animation: animate12 2s linear infinite;
}
@keyframes animate12 {
    0% {
        opacity: 2;
        top: 8%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(13) {
    left: 105%;
    top: 5%;
    animation: animate13 4.2s linear infinite;
}
@keyframes animate13 {
    0% {
        opacity: 2;
        top: 5%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(14) {
    left: 95%;
    top: 15%;
    animation: animate14 2s linear infinite;
}
@keyframes animate14 {
    0% {
        opacity: 2;
        top: 15%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(15) {
    left: 65%;
    top: 45%;
    animation: animate15 3s linear infinite;
}
@keyframes animate15 {
    0% {
        opacity: 2;
        top: 45%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(16) {
    left: 85%;
    top: 40%;
    animation: animate16 4s linear infinite;
}
@keyframes animate16 {
    0% {
        opacity: 2;
        top: 40%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(17) {
    left: 108%;
    top: 10%;
    animation: animate17 3.4s linear infinite;
}
@keyframes animate17 {
    0% {
        opacity: 2;
        top: 10%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(18) {
    left: 125%;
    top: 28%;
    animation: animate18 2.5s linear infinite;
}
@keyframes animate18 {
    0% {
        opacity: 2;
        top: 28%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(19) {
    left: 95%;
    top: 82%;
    animation: animate19 3.5s linear infinite;
}
@keyframes animate19 {
    0% {
        opacity: 2;
        top: 82%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(20) {
    left: 95%;
    top: 70%;
    animation: animate20 4.5s linear infinite;
}
@keyframes animate20 {
    0% {
        opacity: 2;
        top: 70%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(21) {
    left: 105%;
    top: 62%;
    animation: animate21 2.8s linear infinite;
}
@keyframes animate21 {
    0% {
        opacity: 2;
        top: 62%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(22) {
    left: 110%;
    top: 80%;
    animation: animate22 3.2s linear infinite;
}
@keyframes animate22 {
    0% {
        opacity: 2;
        top: 80%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(23) {
    left: 110%;
    top: 80%;
    animation: animate23 2.3s linear infinite;
}
@keyframes animate23 {
    0% {
        opacity: 2;
        top: 80%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(24) {
    left: 120%;
    top: 84%;
    animation: animate24 2.2s linear infinite;
}
@keyframes animate24 {
    0% {
        opacity: 2;
        top: 84%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(25) {
    left: 122%;
    top: 65%;
    animation: animate25 3.1s linear infinite;
}
@keyframes animate25 {
    0% {
        opacity: 2;
        top: 65%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(26) {
    left: 145%;
    top: 80%;
    animation: animate26 2.9s linear infinite;
}
@keyframes animate26 {
    0% {
        opacity: 2;
        top: 80%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(27) {
    left: 120%;
    top: 70%;
    animation: animate27 3.9s linear infinite;
}
@keyframes animate27 {
    0% {
        opacity: 2;
        top: 70%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(28) {
    left: 150%;
    top: 70%;
    animation: animate28 2.8s linear infinite;
}
@keyframes animate28 {
    0% {
        opacity: 2;
        top: 70%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(29) {
    left: 130%;
    top: 60%;
    animation: animate29 3.8s linear infinite;
}
@keyframes animate29 {
    0% {
        opacity: 2;
        top: 60%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(30) {
    left: 100%;
    top: 27%;
    animation: animate30 4.1s linear infinite;
}
@keyframes animate30 {
    0% {
        opacity: 2;
        top: 27%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(31) {
    left: 55%;
    top: 35%;
    animation: animate31 2s linear infinite;
}
@keyframes animate31 {
    0% {
        opacity: 2;
        top: 35%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(32) {
    left: 125%;
    top: 82%;
    animation: animate32 2.6s linear infinite;
}
@keyframes animate32 {
    0% {
        opacity: 2;
        top: 82%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(33) {
    left: 68%;
    top: 25%;
    animation: animate33 3.3s linear infinite;
}
@keyframes animate33 {
    0% {
        opacity: 2;
        top: 25%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(34) {
    left: 70%;
    top: 5%;
    animation: animate34 2.2s linear infinite;
}
@keyframes animate34 {
    0% {
        opacity: 2;
        top: 8%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(35) {
    left: 90%;
    top: 50%;
    animation: animate35 4s linear infinite;
}
@keyframes animate35 {
    0% {
        opacity: 2;
        top: 50%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(36) {
    left: 129%;
    top: 15%;
    animation: animate36 3.1s linear infinite;
}
@keyframes animate36 {
    0% {
        opacity: 2;
        top: 15%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(37) {
    left: 120%;
    top: 65%;
    animation: animate37 2.7s linear infinite;
}
@keyframes animate37 {
    0% {
        opacity: 2;
        top: 65%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(38) {
    left: 25%;
    top: 65%;
    animation: animate38 2.9s linear infinite;
}
@keyframes animate38 {
    0% {
        opacity: 2;
        top: 65%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(39) {
    left: 55%;
    top: 50%;
    animation: animate39 3.2s linear infinite;
}
@keyframes animate39 {
    0% {
        opacity: 2;
        top: 50%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(40) {
    left: 25%;
    top: 35%;
    animation: animate40 2s linear infinite;
}
@keyframes animate40 {
    0% {
        opacity: 2;
        top: 35%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}
/* ---------------------- FALLING COINS ---------------------- */