html, pre, input {
  font-family: 'Roboto Mono', monospace;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1.5px;
}

input {
	cm-cursor: border-left;
	background-color: #000000; /* Match terminal background */
	color: #FFFFFF; /* Match terminal text color */
	border: none; /* Remove border */
	outline: none; /* Remove focus outline to keep the terminal appearance */
	width: 100%; /* Optional: adjust as necessary */
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

.pre-container {
	display: flex;
	gap: 20px; 
}

.color-palette {
	display: flex;
	flex-wrap: wrap;
}

.color-block {
	width: 40px; /* Or any size you prefer */
	height: 30px;
}

.foo {
	display: flex;
	flex-direction: column;
}


.user {
	color: #00FFFF;
}

.hostname {
	color: #FF0000;
}

.dirname {
	color: #FFFF80;
}

.prompt {
	color: #FFFFFF;
}

#terminal-output {
	color: #FFFFFF; /* Match terminal text color */
	white-space: pre-wrap;
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.input-line {
	display: flex; /* Use flexbox */
	flex-direction: column;
	justify-content: start;
	color: #FFFFFF;
	letter-spacing: 1.5px;
}
#terminal {
	max-height: 100vh; /* Or your preferred height */
	overflow-y: auto; /* Allows scrolling */
	position: relative; /* Needed for positioning the prompt */
}