body {
    margin: 0;
    height: 100%;
    overflow: hidden
}

@media (prefers-color-scheme: dark) {
    body { background: #2a2a2a; color: #FFFFFF }
}

.container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

@keyframes blink {
    from, to {
	border-color: transparent
    }
    50% {
	border-color: orange;
    }
}5B