@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap');

.font-encode-sans{
    font-family: 'Space Mono', monospace;
}

.writer {
    font-family: Courier, monospace;
    display: inline-block;
}

.writer-text {
    display: inline-block;
    overflow: hidden;
    letter-spacing: 2px;
    animation: typing 5s steps(30, end), blink .75s step-end infinite;
    white-space: nowrap;
    font-size: 30px;
    font-weight: 700;
    border-right: 4px solid rgb(23, 181, 170);
    box-sizing: border-box;
}

@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: rgb(114, 222, 33); 
    }
}