body {
}


#spinner {
    animation: rotate 1.5s infinite linear;
    transform-origin: 50px 50px;
}

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

    to {
        transform: rotate(360deg);
    }
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}



.loder2 {
    
    /*animation-duration: 3s;
  animation-name: slidein;
  animation-iteration-count: infinite;
  animation-direction: alternate;*/
    animation: 1.5s infinite  slidein;
}

@keyframes slidein {
    0% {
        left: 0%;
        margin-left: 0%;
        width: 100%;
    }


    100% {
        left : 100%;
        margin-left: 225%;
        width: 125%;
    }
}