.main {
    .description {
        .cmd {
            color: white;
            user-select: auto;
            font-family: Consolas, "Courier New", Courier, Monaco, monospace;
            font-size: 1.2rem;
            padding: 6px;
            word-break: break-all;
            >p {
                display: inline-block;
                vertical-align: top;
            }
            :nth-child(2) {
                width: 9ch;
                animation: typing 2s steps(9);
                overflow: hidden;
                white-space: nowrap;
            }
            :nth-child(3){
                visibility: hidden;
                animation: cursor1 3.5s step-end 0.5s;
            }
            :nth-child(3)::after{
                content: "_";
            }
            :nth-child(5){
                animation: lazy-visiable 3.5s step-end;
            }
            :nth-child(6){
                animation: lazy-visiable 3.8s step-end;
                word-break: keep-all;
            }
            :nth-child(7){
                animation: lazy-visiable 4s step-end,cursor2 1s step-end 4s infinite;
            }
            :nth-child(7)::after{
                content: "_";
            }
        }
    }
}

@keyframes typing {
    0%,60% {
        width: 0;
    }
}

@keyframes cursor1 {
    100%,60%,40%,20%,0%{
        visibility: visible;
    }
    90%,70%,50%,30%,10% {
        visibility: hidden;
    }
}

@keyframes lazy-visiable {
    0%{
        visibility: hidden;
    }
    100%{
        visibility: visible;
    }
}

@keyframes cursor2 {
    50% {
        visibility: hidden;
    }
}