* { box-sizing: border-box; }
html { background-color: #e6fffa; background-image: url("https://mrlnk.ru/themes/altum/assets/images/blob.svg"); background-repeat: no-repeat; background-size: auto; padding: 20px; }
body { background-color: #FFFFFF; color: #3b3b3b; font-family: sans-serif; margin: 0 auto; padding: 20px; width: 640px; }

h1 { line-height: 1.5; margin: 0 0 20px 0; width: 100%; }
h2 { border-bottom: 1px solid #3b3b3b; float: left; line-height: 1.5; margin: 0 0 20px 0; width: 100%; }
h3 { border-bottom: 1px solid #3b3b3b; float: left; line-height: 1.5; margin: 10px 0 20px 0; width: 100%; }

form section { margin: 0 0 20px 0; }
form section span { float: left; padding: 10px; width: 50%; }

label { display: block; font-weight: bold; font-size: small; line-height: 24px; width: 100%; }
label:hover { cursor: pointer; }


input {
	background: none;
	border: 2px solid #DDDDDD;
	border-radius: 4px;
	color: #3b3b3b;
	display: block;
	height: 36px;
	line-height: 36px;
	margin: 0 0 10px 0;
	outline: none;
	padding: 0 10px;
	width: 100%;
}
input[type=number] { padding: 0 0 0 10px; }
textarea {
	background: none;
	border: 2px solid #DDDDDD;
	border-radius: 4px;
	color: #3b3b3b;
	display: block;
	height: 120px;
	line-height: 16px;
	margin: 0 0 10px 0;
	outline: none;
	padding: 10px;
	width: 100%;
}

input[id^="txtID"]::-webkit-input-placeholder { 
  color: red;
}
input[id^="txtID"]::-moz-placeholder { 
  color: red;
}
input[id^="txtID"]:-ms-input-placeholder { 
  color: red;
}
input[id^="txtID"]:-moz-placeholder { 
  color: red;
}

button {
	background: #38b2ac;
	border: 2px solid #38b2ac;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	margin: 20px 0;
	outline: none;
	padding: 0;
	width: 100%;
}