.scannerLeft {
    width: 0.75%;
    position: absolute;
    left: 0.15%;
    top: 50%;

    transform: translate(0%, -50%);
}

.scannerRight {
    width: 0.75%;
    position: absolute;
    right: 0.15%;
    top: 50%;

    transform: translate(0%, -50%);
}

.scannerElement {
    width: 100%;
    height: 8px;
    margin-bottom: 8px;
    border-radius: 2px;

    background: transparent;
    box-shadow:
        0 0 2px #006ba090,
        0 0 4px #006ba090;

    animation: pulse 9.6s linear infinite;
}

.scannerElement:nth-child(16){ animation-delay:0ms; }
.scannerElement:nth-child(15){ animation-delay:150ms; }
.scannerElement:nth-child(14){ animation-delay:300ms; }
.scannerElement:nth-child(13){ animation-delay:450ms; }
.scannerElement:nth-child(12){ animation-delay:600ms; }
.scannerElement:nth-child(11){ animation-delay:750ms; }
.scannerElement:nth-child(10){ animation-delay:900ms; }
.scannerElement:nth-child(9){ animation-delay:1050ms; }
.scannerElement:nth-child(8){ animation-delay:1200ms; }
.scannerElement:nth-child(7){ animation-delay:1350ms; }
.scannerElement:nth-child(6){ animation-delay:1500ms; }
.scannerElement:nth-child(5){ animation-delay:1650ms; }
.scannerElement:nth-child(4){ animation-delay:1800ms; }
.scannerElement:nth-child(3){ animation-delay:1950ms; }
.scannerElement:nth-child(2){ animation-delay:2100ms; }
.scannerElement:nth-child(1){ animation-delay:2250ms; }
.scannerElement:nth-child(0){ animation-delay:2400ms; }


@keyframes pulse{

    2%{
        background:transparent;
        box-shadow:
            0 0 2px #006ba090,
            0 0 4px #006ba090;
    }

    10%{
        background:#006ba090;
        box-shadow:
            0 0 2px #006ba090,
            0 0 4px #006ba090;
    }

    48%{
        background:#00d4ff;
        box-shadow:
            0 0 4px #00d4ff,
            0 0 8px #00d4ff;
    }

    52%{
        background:#00d4ff;
        box-shadow:
            0 0 4px #00d4ff,
            0 0 8px #00d4ff;
    }

    90%{
        background:#006ba090;
        box-shadow:
            0 0 2px #006ba090,
            0 0 4px #006ba090;
    }

    98%{
        background:transparent;
        box-shadow:
            0 0 2px #006ba090,
            0 0 4px #006ba090;
    }

}