servnest/css/form.css

form {
	text-align: center;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}

input, button, select, textarea {
	border-radius: 0.5rem;
	font-size: 1rem;
	margin: 0.3rem;
	padding: 0.30rem;
	border-style: solid;
	border-width: 0.20rem;
	background-color: var(--background-color);
	color: var(--foreground-color);
	border-color: var(--svc-color, --foreground-color);
}

input[type=text] {
	font-family: monospace;
}

input[type=number] {
	width: 8ch;
}

input#subdomain, input#ttl-value {
	text-align: right;
}

input[type=password] {
	width: 32ch;
	text-align: center;
}

#username {
	width: 16ch;
}

#keytag {
	width: 7ch;
}

#public-key {
	width: 70ch;
}

#key {
	width: 65ch;
}

:disabled {
	cursor: not-allowed;
}

fieldset {
	border-radius: 1rem;
	border-width: 0.15rem;
	border-style: solid;
	display: flex;
	flex-direction: row;
	justify-content: center;
	border-color: var(--svc-color, --foreground-color);
}

textarea {
	background-color: var(--background-color);
	color: var(--foreground-color);
	width: 100%;
	box-sizing: border-box;
}