* { font-family: Inter, Segoe UI, tahoma, verdana, sans-serif; }
body { color: white; background-color: #1b1b1b; font-size: 14pt; }
h1 {
	text-align: center;
	font-size: 36pt;
}
input[type=file] {
	color: white;
	font-size: 18pt;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	margin-top: -320px;
	width: 1024px;
	margin-left: -512px;
}
select {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -512px;
	width: 128px
}
select#palette-0 {
	margin-top: 320px;
}
select#palette-1 {
	margin-top: 360px;
}
select#palette-2 {
	margin-top: 400px;
}
select#palette-3 {
	margin-top: 440px;
}
input[type=color] {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -352px;
}
input[type=color]#color-0 {
	margin-top: 320px;
}
input[type=color]#color-1 {
	margin-top: 360px;
}
input[type=color]#color-2 {
	margin-top: 400px;
}
input[type=color]#color-3 {
	margin-top: 440px;
}
input[type=range] {
	color: white;
	font-size: 18pt;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	width: 768px;
	margin-left: -256px;
}
input[type=range]#dither {
	width: 1024px;
	margin-left: -512px;
	margin-top: 280px;
}
input[type=range]#first {
	margin-top: 320px;
}
input[type=range]#second {
	margin-top: 360px;
}
input[type=range]#third {
	margin-top: 400px;
}
input[type=range]#fourth {
	margin-top: 440px;
}
canvas {
	border: 1px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -256px;
	width: 512px;
	height: 512px;
}
canvas#image-canvas {
	margin-left: -512px;
}
canvas#iss-canvas {
	margin-left: 0px;
}