@keyframes bounce {
    0% {
        transform: scale(1,1);
    }

    50%{
    transform: scale(0.9,0.9) 
    }

    70%{
    transform: scale(1,1) 
    }
    85%{
    transform: scale(0.95,0.95)   
    }
    100% {
    transform: scale(1,1);
    }
}
@keyframes drone-move{
    0% {
        top: 210px;
        transform: rotate( 
    11deg);
    }
    50% {
        top: 200px;
        transform: rotate( 
    8deg);
    }
    100% {
        top: 210px;
        transform: rotate( 
    11deg);
    }
}
@keyframes position{
    0%,90% { 
        transform: scale(1);
        margin-left: 0vw;
        margin-top: 0vh;
        filter: opacity(1);
    }
    100% { 
        transform: scale(0.2);
        margin-left: -71vw;
        margin-top: 43vh;
        filter: opacity(0);
    }
  }
  @keyframes go-up {
    0%,90% { 
        margin-top: 0vh;
        display: block;
        background: white;
    }
    100% { 
        margin-top: -110vh;
        display: none;
        background: rgba(255, 255, 255, 0);
    }
  }
  @keyframes blink {
    0% { 
        filter: opacity(0);
    }
    25%{
        filter: opacity(1);
    }
    50%{
        filter: opacity(0);
    }
    75%{
        filter: opacity(1);
    }
    100% { 
        filter: opacity(0);
    }
  }

  @keyframes spin {
    0% { 
        transform: rotate(0deg); 
        border-top: 16px solid #3d9ba100;
        border-bottom: 16px solid #3d9ba100;
        border-left: 16px solid #3d9ba100;
        border-right: 16px solid #3d9ba100;
    }
    25%{
        transform: rotate(360deg); 
        border-top: 16px solid #3d9ba1;
        border-bottom: 16px solid #3d9ba100;
        border-left: 16px solid #3d9ba100;
        border-right: 16px solid #3d9ba100;
    }
    50%{
        transform: rotate(720deg); 
        border-left: 16px solid #3d9ba1;
        border-bottom: 16px solid #3d9ba100;
        border-right: 16px solid #3d9ba100;
    }
    75%{
        transform: rotate(1080deg); 
        border-bottom: 16px solid #3d9ba1;
        border-right: 16px solid #3d9ba100;
    }
    100% { 
        transform: rotate(1440deg); 
        border-right: 16px solid #3d9ba1;
    }
  }
  @keyframes hide-content {
    0%{
        opacity: 1;
        display: block;
    }
    80%{
        opacity: 0;
        display: block;
    }
    100%{
        display: none;
    }
}

@keyframes menu-fill{
    0% {
        background-position-x: 2vw;
    }
    50% {
        background-position-x: 178vw;
    }
    100% {
        background-position-x: 323vw;
    }
}

@keyframes drone-movement{
    0%{ 
        margin-left: -100vw;
        transform: rotate(380deg);
    }
    60%{
        margin-left: -15vw;
    }
    70%{
        margin-left: -8vw;
    }
    80%{
        margin-left: -2vw;
        transform: rotate(380deg);
    }
    85%{
        margin-left: 0vw;
        transform: rotate(362deg);
    }
    90%{
        margin-left: 1vw;
        transform: rotate(358deg);
    }
    95%{
        margin-left: 0vw;
        transform: rotate(362deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}
@keyframes grow-in{
    0%{ 
        transform: scale(0);
    }
    85%{
        transform: scale(0);
    }
    100% { 
        transform: scale(1);
    }
}

@keyframes fade-in{
    0%{ 
        transform: scale(1);
        opacity: 0;
    }
    35%{
        transform: scale(1);
        opacity: 0;
    }
    70%{
        transform: scale(1.5);
        opacity: 1;
    }
    100% { 
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes light-right {
    0%{
        background: linear-gradient(
            218deg, orange 100%, white 100%, orange 100%);
    }
    4%{
        background: linear-gradient(
            218deg, orange 96%, white 96%, orange 96%);
    }
    8%{
        background: linear-gradient(
            218deg, orange 92%, white 92%, orange 92%);
    }
    12%{
        background: linear-gradient(
            218deg, orange 88%, white 88%, orange 88%);
    }
    16%{
        background: linear-gradient(
            218deg, orange 84%, white 84%, orange 84%);
    }
    20%{
        background: linear-gradient(
            218deg, orange 80%, white 80%, orange 80%);
    }
    24%{
        background: linear-gradient(
            218deg, orange 76%, white 76%, orange 76%);
    }
    28%{
        background: linear-gradient(
            218deg, orange 72%, white 72%, orange 72%);
    }
    32%{
        background: linear-gradient(
            218deg, orange 68%, white 68%, orange 68%);
    }
    36%{
        background: linear-gradient(
            218deg, orange 64%, white 64%, orange 64%);
    }
    40%{
        background: linear-gradient(
            218deg, orange 60%, white 60%, orange 60%);
    }
    44%{
        background: linear-gradient(
            218deg, orange 56%, white 56%, orange 56%);
    }
    48%{
        background: linear-gradient(
            218deg, orange 52%, white 52%, orange 52%);
    }
    52%{
        background: linear-gradient(
            218deg, orange 48%, white 48%, orange 48%);
    }
    56%{
        background: linear-gradient(
            218deg, orange 44%, white 44%, orange 44%);
    }
    60%{
        background: linear-gradient(
            218deg, orange 40%, white 40%, orange 40%);
    }
    64%{
        background: linear-gradient(
            218deg, orange 36%, white 36%, orange 36%);
    }
    68%{
        background: linear-gradient(
            218deg, orange 32%, white 32%, orange 32%);
    }
    72%{
        background: linear-gradient(
            218deg, orange 28%, white 28%, orange 28%);
    }
    76%{
        background: linear-gradient(
            218deg, orange 24%, white 24%, orange 24%);
    }
    80%{
        background: linear-gradient(
            218deg, orange 20%, white 20%, orange 20%);
    }
    84%{
        background: linear-gradient(
            218deg, orange 16%, white 16%, orange 16%);
    }
    88%{
        background: linear-gradient(
            218deg, orange 12%, white 12%, orange 12%);
    }
    92%{
        background: linear-gradient(
            218deg, orange 8%, white 8%, orange 8%);
    }
    96%{
        background: linear-gradient(
            218deg, orange 4%, white 4%, orange 4%);
    }
    100%{
        background: linear-gradient( 
            218deg, orange 0%, white 0%, orange 0%);
    }
}

@keyframes opacity-in {
    0%{
        transform: scale(0);
    }
    80%{
        transform: scale(1.4);
    }
    100%{
        transform: scale(1);
    }
}


@media only screen and (max-width: 500px) {
    @keyframes drone-move{
        0% {
            top: 190px;
            transform: rotate( 
        11deg);
        }
        50% {
            top: 180px;
            transform: rotate( 
        8deg);
        }
        100% {
            top: 190px;
            transform: rotate( 
        11deg);
        }
    }
}