body {
	margin: 0px auto;
	max-width: 750px;
	line-height: 1.6;
	font-size: 18px;
	font-family: sans-serif;
	color: #111;
	padding: 0px;
	background:
		linear-gradient(135deg, #fafafa 21px, #eee 22px, #eee 24px, transparent 24px, transparent 67px, #eee 67px, #eee 69px, transparent 69px),
		linear-gradient(225deg, #fafafa 21px, #eee 22px, #eee 24px, transparent 24px, transparent 67px, #eee 67px, #eee 69px, transparent 69px)0 64px;
	background-color:#fafafa;
	background-size: 64px 128px;
}

.main {
	max-width: 750px;
	background: #fafafa;
	border-left: 2px solid #eee;
	border-right: 2px solid #eee;
	padding: 20px 30px 0px 30px;
	min-height: calc(100vh - 36px);
}

h1,h2,h3 {
	line-height: 1.2
}

#signup {
	margin: auto;
	width: max-content;
}

#signup > button {
	border-left: 0px;
}

input, button, textarea {
	font: 1.1em monospace;
	border: 3px solid #111;
	padding: 9px 5px;
}

button {
	background: #b0dfe5;
	transition: background 0.25s;
}

button:hover {
	background: #95c8d8;
	cursor: pointer;
}

.dangerbutton {
	background: #ef554a;
}

.dangerbutton:hover {
	background: #d84f45;
}

textarea {
	width: 100%;
	height: 70vh;
}