.task-container {
	display: flex; height: 100vh; font-family: sans-serif;
	}


.stimulus-box div {
	font-family: monospace; font-weight: bold; font-size: 2.5rem; text-align: center; width: 100%;
	}

#typing_input {
	font-size: 1.5rem; padding: 0.5rem; text-align: center; width: 200px; font-family: monospace;
	}

.input-box {
	margin-bottom: 1rem; width: 100%; text-align: center;
	}

.stats-box {
	width: 100%; border-top: 1px solid #eee; padding-top: 1rem; margin-top: 1rem;
	}

.right-side {
	width: 70%; padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center;
	}

.left-side {
	width: 30%; border-right: 1px solid #ccc; padding: 2rem; display: flex; flex-direction: column; align-items: center;
	}

.info-box {
	margin-bottom: 2rem; border-bottom: 1px solid #eee; padding-bottom: 1rem; width: 100%; text-align: center;
	}

.stimulus-box {
	font-size: 2rem; border: 1px solid #aaa; padding: 1rem; margin-bottom: 2rem; min-height: 200px; display: flex; flex-direction: column; justify-content: space-around;
	}