document.getElementById("typewrite").innerText = "";
$("#details-inner").fadeTo(0, 0);

setTimeout(() => { document.getElementById("typewrite").innerText = ""; }, 100)
setTimeout(() => { document.getElementById("typewrite").innerText = "k"; }, 200)
setTimeout(() => { document.getElementById("typewrite").innerText = "ka"; }, 300)
setTimeout(() => { document.getElementById("typewrite").innerText = "kar"; }, 400)
setTimeout(() => { document.getElementById("typewrite").innerText = "kart"; }, 500)
setTimeout(() => { document.getElementById("typewrite").innerText = "karti"; }, 600)
setTimeout(() => { document.getElementById("typewrite").innerText = "kartik"; }, 700)
setTimeout(() => { $("#details-inner").fadeTo(500, 1); }, 1500)
setTimeout(() => { document.getElementById("typewrite").innerText = "kartik"; }, 4100)
setTimeout(() => { $("#details-inner").fadeTo(500, 0); }, 4250)
setTimeout(() => { document.getElementById("typewrite").innerText = "karti"; }, 4200)
setTimeout(() => { document.getElementById("typewrite").innerText = "kart"; }, 4300)
setTimeout(() => { document.getElementById("typewrite").innerText = "kar"; }, 4400)
setTimeout(() => { document.getElementById("typewrite").innerText = "ka"; }, 4500)
setTimeout(() => { document.getElementById("typewrite").innerText = "k"; }, 4600)
setTimeout(() => { document.getElementById("typewrite").innerText = ""; }, 4700)

setInterval(() => {
    setTimeout(() => { document.getElementById("typewrite").innerText = ""; }, 100)
    setTimeout(() => { document.getElementById("typewrite").innerText = "k"; }, 200)
    setTimeout(() => { document.getElementById("typewrite").innerText = "ka"; }, 300)
    setTimeout(() => { document.getElementById("typewrite").innerText = "kar"; }, 400)
    setTimeout(() => { document.getElementById("typewrite").innerText = "kart"; }, 500)
    setTimeout(() => { document.getElementById("typewrite").innerText = "karti"; }, 600)
    setTimeout(() => { document.getElementById("typewrite").innerText = "kartik"; }, 700)
    setTimeout(() => { $("#details-inner").fadeTo(500, 1); }, 1500)
    setTimeout(() => { document.getElementById("typewrite").innerText = "kartik"; }, 4100)
    setTimeout(() => { $("#details-inner").fadeTo(500, 0); }, 4250)
    setTimeout(() => { document.getElementById("typewrite").innerText = "karti"; }, 4200)
    setTimeout(() => { document.getElementById("typewrite").innerText = "kart"; }, 4300)
    setTimeout(() => { document.getElementById("typewrite").innerText = "kar"; }, 4400)
    setTimeout(() => { document.getElementById("typewrite").innerText = "ka"; }, 4500)
    setTimeout(() => { document.getElementById("typewrite").innerText = "k"; }, 4600)
    setTimeout(() => { document.getElementById("typewrite").innerText = ""; }, 4700)
}, 7000)

document.getElementById("typewrite2").innerText = "";
$("#results").fadeTo(0, 0);

setTimeout(() => { document.getElementById("typewrite2").innerText = ""; }, 100)
setTimeout(() => { document.getElementById("typewrite2").innerText = "g"; }, 200)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gi"; }, 300)
setTimeout(() => { document.getElementById("typewrite2").innerText = "git"; }, 400)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitl"; }, 500)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitla"; }, 600)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab"; }, 700)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab "; }, 800)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab m"; }, 900)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mi"; }, 1000)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab min"; }, 1100)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mint"; }, 1200)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minte"; }, 1300)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mintec"; }, 1400)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minteck"; }, 1500)
setTimeout(() => { $("#results").fadeTo(500, 1); }, 1700)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minteck"; }, 5500)
setTimeout(() => { $("#results").fadeTo(500, 0); }, 5550)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mintec"; }, 5600)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minte"; }, 5700)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mint"; }, 5800)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab min"; }, 5900)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mi"; }, 6000)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab m"; }, 6100)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab "; }, 6200)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab"; }, 6300)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitla"; }, 6400)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gitl"; }, 6500)
setTimeout(() => { document.getElementById("typewrite2").innerText = "git"; }, 6600)
setTimeout(() => { document.getElementById("typewrite2").innerText = "gi"; }, 6700)
setTimeout(() => { document.getElementById("typewrite2").innerText = "g"; }, 6800)
setTimeout(() => { document.getElementById("typewrite2").innerText = ""; }, 6900)

setInterval(() => {
    setTimeout(() => { document.getElementById("typewrite2").innerText = ""; }, 100)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "g"; }, 200)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gi"; }, 300)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "git"; }, 400)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitl"; }, 500)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitla"; }, 600)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab"; }, 700)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab "; }, 800)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab m"; }, 900)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mi"; }, 1000)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab min"; }, 1100)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mint"; }, 1200)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minte"; }, 1300)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mintec"; }, 1400)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minteck"; }, 1500)
    setTimeout(() => { $("#results").fadeTo(500, 1); }, 1700)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minteck"; }, 5500)
    setTimeout(() => { $("#results").fadeTo(500, 0); }, 5550)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mintec"; }, 5600)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab minte"; }, 5700)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mint"; }, 5800)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab min"; }, 5900)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab mi"; }, 6000)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab m"; }, 6100)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab "; }, 6200)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitlab"; }, 6300)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitla"; }, 6400)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gitl"; }, 6500)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "git"; }, 6600)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "gi"; }, 6700)
    setTimeout(() => { document.getElementById("typewrite2").innerText = "g"; }, 6800)
    setTimeout(() => { document.getElementById("typewrite2").innerText = ""; }, 6900)
}, 8000)