/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
.loader {
    width: fit-content;
    font-size: 40px;
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase;
    color: #0000;
    -webkit-text-stroke: 1px #000;
    background: linear-gradient(90deg,#0000 33%,#000 0 67%,#0000 0) 100%/300% 100% no-repeat text;
    animation: l12 4s steps(14) infinite;
}

    .loader:before {
        content: "CARICAMENTO";
    }

@keyframes l12 {
    to {
        background-position: 0
    }
}