@keyframes camera { 
    0% { 
        transform: rotate(0);
    } 

    100% { 
        transform: rotate(360deg);
    }
    
}

@keyframes camera-1 { 
    0% { 
        transform: rotate(0) scale(0.8);
    } 

    50% { 
        transform: rotate(360deg) scale(1);
    }

    100% { 
        transform: rotate(0) scale(0.8);
    } 
    
}

@keyframes drone { 
    0% { 
       top: -133px;
       opacity: 0.5;
    } 

    50% { 
        top: 0;
        opacity: 1;
    }

    100% { 
        top: -133px;
        opacity: 0.5;
    }
}

@keyframes remote { 
    0% { 
        transform: scale(0.8);
    } 

    50% { 
        transform: scale(1);
    } 

    100% { 
        transform: scale(0.8);
    } 

}

@keyframes animate-1 { 
    0% { 
        left: -200px;
        top: -400px;
        transform: rotate(360deg);
        opacity: 0;
    } 
    

    100% { 
        left: 0;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-2 { 
    0% { 
        left: 1000px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 60px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-3 { 
    0% { 
        left: -800px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 120px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-4 { 
    0% { 
        left: -600px;
        top: -200px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0px;
        top: 65px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-5 { 
    0% { 
        left: -1200px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 60px;
        top: 65px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-6 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 120px;
        top: 65px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-7 { 
    0% { 
        left: -300px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 130px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-8 { 
    0% { 
        left: -200px;
        top: 900px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 60px;
        top: 130px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-9 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 120px;
        top: 130px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-10 { 
    0% { 
        left: -200px;
        top: -400px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-11 { 
    0% { 
        left: 1000px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 45px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-12 { 
    0% { 
        left: -800px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 90px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-13 { 
    0% { 
        left: -600px;
        top: -200px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0px;
        top: 47px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-14 { 
    0% { 
        left: -1200px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 45px;
        top: 47px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-15 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 90px;
        top: 47px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-16 { 
    0% { 
        left: -300px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 94px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-17 { 
    0% { 
        left: -200px;
        top: 900px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 45px;
        top: 94px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-18 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 90px;
        top: 94px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-19 { 
    0% { 
        left: -200px;
        top: -400px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-20 { 
    0% { 
        left: 1000px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 52px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-21 { 
    0% { 
        left: -800px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 104px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-22 { 
    0% { 
        left: -600px;
        top: -200px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0px;
        top: 54px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-23 { 
    0% { 
        left: -1200px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 52px;
        top: 54px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-24 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 104px;
        top: 54px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-25 { 
    0% { 
        left: -300px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 108px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-26 { 
    0% { 
        left: -200px;
        top: 900px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 52px;
        top: 108px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-27 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 104px;
        top: 108px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-28 { 
    0% { 
        left: -200px;
        top: -400px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-29 { 
    0% { 
        left: 1000px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 45px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-30 { 
    0% { 
        left: -800px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 90px;
        top: 0;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-31 { 
    0% { 
        left: -600px;
        top: -200px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0px;
        top: 46px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-32 { 
    0% { 
        left: -1200px;
        top: 800px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 45px;
        top: 46px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-33 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 90px;
        top: 46px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-34 { 
    0% { 
        left: -300px;
        top: 600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 0;
        top: 92px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-35 { 
    0% { 
        left: -200px;
        top: 900px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 45px;
        top: 92px;
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes animate-36 { 
    0% { 
        left: 1200px;
        top: -600px;
        transform: rotate(360deg);
        opacity: 0;
    } 

    100% { 
        left: 90px;
        top: 92px;
        transform: rotate(0);
        opacity: 1;
    }
}