#container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#info {
	display: flex;
	flex-direction: column;  /* stack children vertically */
	align-items: center;     /* center horizontally */
	gap: 20px;               /* space between items */
}

#control {
	display: flex;
	flex-direction: column;  /* stack children vertically */
	align-items: flex-end;    /* align right */
	gap: 20px;               /* space between items */
}

#info progress,
#info span {
	width: 100%;             /* make all elements take full width of #info */
	display: block;          /* ensure proper stacking */
	text-align: center;      /* center text */
}