@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes move1 {
    from {left: var(--leftArrowstart)}
    1%{opacity: 0.5; left: var(leftArrowstart);}
    5%{opacity: 0; left: var(leftArrowstart);}
    9%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 10px;}
    10% {opacity: 1; left: var(leftArrowend) + var(minus) * 10px;}
    11%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 10px;}
    15%{opacity: 0; left: var(leftArrowend) + var(minus) * 10px;}
    19%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 9px;}
    20% {opacity: 1; left: var(leftArrowend) + var(minus) * 9px;}
    21%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 9px;}
    25%{opacity: 0; left: var(leftArrowend) + var(minus) * 9px;}
    29%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 8px;}
    30% {opacity: 1; left: var(leftArrowend) + var(minus) * 8px; }
    31%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 8px;}
    35%{opacity: 0; left: var(leftArrowend) + var(minus) * 8px;}
    39%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 7px;}
    40% {opacity: 1; left: var(leftArrowend) + var(minus) * 7px; }
    41%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 7px;}
    45%{opacity: 0; left: var(leftArrowend) + var(minus) * 7px;}
    49%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 6px;}
    50% {opacity: 1; left: var(leftArrowend) + var(minus) * 6px;}
    51%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 6px;}
    55%{opacity: 0; left: var(leftArrowend) + var(minus) * 6px;}
    59%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 5px;}
    60% {opacity: 1; left: var(leftArrowend) + var(minus) * 5px;}
    61%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 5px;}
    65%{opacity: 0; left: var(leftArrowend) + var(minus) * 5px;}
    69%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 4px;}
    70% {opacity: 1; left: var(leftArrowend) + var(minus) * 4px;}
    71%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 4px;}
    75%{opacity: 0; left: var(leftArrowend) + var(minus) * 4px;}
    79%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 3px;}
    80% {opacity: 1; left: var(leftArrowend) + var(minus) * 3px;}
    81%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 3px;}
    85%{opacity: 0; left: var(leftArrowend) + var(minus) * 3px;}
    89%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 2px;}
    90% {opacity: 1; left: var(leftArrowend) + var(minus) * 2px;}
    91%{opacity: 0.5; left: var(leftArrowend) + var(minus) * 2px;}
    95%{opacity: 0; left: var(leftArrowend) + var(minus) * 2px;}
    99%{opacity: 0.5; left: var(--leftArrowend);}
    100% {opacity: 1; left: var(--leftArrowend);}
}

@keyframes move2 {
    from {left: 1192px;}
    3%{opacity: 0.5; left: 1192px;}
    5%{opacity: 0; left: 1192px;}
    8%{opacity: 0.5; left: 1213px;}
    10% {opacity: 1; left: 1213px;}
    13%{opacity: 0.5; left: 1213px;}
    15%{opacity: 0; left: 1213px;}
    18%{opacity: 0.5; left: 1236px;}
    20% {opacity: 1; left: 1236px;}
    23%{opacity: 0.5; left: 1236px;}
    25%{opacity: 0; left: 1236px;}
    28%{opacity: 0.5; left: 1257px;}
    30% {opacity: 1; left: 1257px; }
    33%{opacity: 0.5; left: 1257px;}
    35%{opacity: 0; left: 1257px;}
    38%{opacity: 0.5; left: 1279px;}
    40% {opacity: 1; left: 1279px; }
    43%{opacity: 0.5; left: 1279px;}
    45%{opacity: 0; left: 1279px;}
    48%{opacity: 0.5; left: 1300px;}
    50% {opacity: 1; left: 1300px;}
    53%{opacity: 0.5; left: 1300px;}
    55%{opacity: 0; left: 1300px;}
    58%{opacity: 0.5; left: 1322px;}
    60% {opacity: 1; left: 1322px;}
    63%{opacity: 0.5; left: 1322px;}
    65%{opacity: 0; left: 1322px;}
    68%{opacity: 0.5; left: 1343px;}
    70% {opacity: 1; left: 1343px;}
    73%{opacity: 0.5; left: 1343px;}
    75%{opacity: 0; left: 1343px;}
    78%{opacity: 0.5; left: 1365px;}
    80% {opacity: 1; left: 1365px;}
    83%{opacity: 0.5; left: 1365px;}
    85%{opacity: 0; left: 1365px;}
    88%{opacity: 0.5; left: 1387px;}
    90% {opacity: 1; left: 1387px;}
    93%{opacity: 0.5; left: 1387px;}
    95%{opacity: 0; left: 1387px;}
    98%{opacity: 0.5; left: 1408px;}
    to {opacity: 1; left: 1408px;}
}