.work {
	position: relative;
	height: 300px;
}

#main {
	display: flex;
/* 
	position: absolute;
	top: 250px;
	left: 200px;
 */
	width: 300px;
	height: 100%;
	margin: 10px auto;
	background-color: yellow;
}

#text {
/* 
	position: absolute;
	top: 250px;
	left: 600px;
 */
 	float: right;
	padding: 50px 50px 0 0;
}

#i1, #i2, #i3 {
	border: 1px solid blue;
	padding: 10px;
}

tr:nth-child(odd) {
	background-color: #eee;
}
th {
	text-align: right;
}
td {
	vertical-align: middle;
	min-width: 100px;
}
input[type="number"] {
	width: 23px;
	text-align: right;
}
input[type="range"] {
	width: 100px;
	display: block;
}


@media (prefers-color-scheme: dark) {
	tr:nth-child(odd) {
		background-color: #222;
	}
	input {
		background: #555;
		border-color: #888;
		color: white;
	}
	#main {
		color: black;
	}
}