style.css

body {
	background-color: #0F0F0F;
	color: white;
	font-family: "Roboto", "Arial", sans-serif;
	font-size: 11.75pt;
	margin: auto;
	max-width: 1280px;
	padding: 20px 10px 200px;
}

a {
	color: #62aafc;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

p { line-height: 2; }

hr {
	border-top: 1px solid #bbb;
	border-bottom: 0;
}

.desc { font-weight: bold; }

@media only screen and (min-width: 1024px) {
	.two-columns {
		display: flex;
		align-items: flex-start;
	}

	.two-columns div {
		width: 95%;
	}
}

textarea {
	outline: none;
}

textarea.code {
	width: 95%;
	height: 250px;
}

textarea.code.wide {
	width: 85%;
	height: 60px;
}

textarea, input[type=text], input[type=password] {
	background-color: #111;
	border: 1px solid #444;
	color: white;
	padding: 5px;
}

button {
	font-size: 12pt;
	border: 1px solid #444;
	background-color: #111;
	color: white;
	padding: 5px 15px;
}