.typing-container {
	font-family: monospace; /* Monospaced font helps with the authentic look */
	font-size: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
/* Styling for the typing text container */
#typing-text {
	/* The blinking cursor effect is added via the border-right */
    border-right: .1em solid ##C9A86A;
	/* Optional: sets the width of the empty space before typing starts */
    min-width: 300px;
	white-space: nowrap;
	overflow: hidden;
    /* Animation for the blinking cursor */
    animation: blink-caret .75s step-end infinite;
}

/* Keyframes for the blinking cursor animation */
@keyframes blink-caret {
 from, to {
border-color: transparent
}
 50% {
border-color: #C9A86A;
}