@keyframes linha {
    0% {
        transform: scaleX(0);
        transform-origin: left;
    }

    50% {
        transform: scaleX(1);
        transform-origin: left;
    }

    50.01% {
        transform: scaleX(1);
        transform-origin: right;
    }

    100% {
        transform: scaleX(0);
        transform-origin: right;
    }
}

@keyframes girar {
    to {
        transform: rotate(360deg);
    }
}

@keyframes cores {
    0%   { color: var(--cor-destaque); }
    50%  { color: var(--cor-fundo); }
    100% { color: var(--cor-destaque); }
}

@keyframes escrever {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.escrever {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    animation: escrever 10s infinite;
}