/* ---------------------- FALLING COINS ---------------------- */
.tree {
    background: url(../../images/coin/tree.png);
    width: 303px;
    height: 320px;
    margin: 0 auto;
}

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

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



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



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



.set div:nth-child(4) {
    left: 16%;
    top: 33%;
    animation: animate4 1.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: 17%;
    top: 27.5%;
    animation: animate5 2s linear infinite;
}
@keyframes animate5 {
    0% {
        opacity: 2;
        top: 27%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



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



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



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



.set div:nth-child(9) {
    left: 27%;
    top: 20%;
    animation: animate9 1.7s 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: 31%;
    top: 28%;
    animation: animate10 2s linear infinite;
}
@keyframes animate10 {
    0% {
        opacity: 2;
        top: 27%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



.set div:nth-child(11) {
    left: 35%;
    top: 33%;
    animation: animate11 1.7s 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: 35%;
    top: 22%;
    animation: animate12 1.7s linear infinite;
}
@keyframes animate12 {
    0% {
        opacity: 2;
        top: 35%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



.set div:nth-child(34) {
    left: 50%;
    top: 8%;
    animation: animate34 1.9s 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: 58%;
    top: 4%;
    animation: animate35 2s linear infinite;
}
@keyframes animate35 {
    0% {
        opacity: 2;
        top: 4%;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
        top: 100%;
        transform: rotateX(180deg);
    }
}



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



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



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



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



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