main.css

p {
	font-family: 'Open Sans', sans-serif;
}
#special-chars {
	display: flex;
	flex-wrap: wrap;
}
#special-chars > button {
	font-size: 16pt;
	width: 25pt;
	height: 25pt;
	text-align: center;
	font-family: 'Courier Prime', monospace;
	background-color: #004427;
	color: #C0D6CD;
	border-color: #509C7B;
}
#controls {
	width: 64pt;
	display: flex;
	flex-direction: column;
	height: 100%;
	right: -10px;
	position: relative;
}
#controls > span {
	height: 50%;
}
#controls > span > button {
	background-color: #1A714C;
	border: 1pt solid #509C7B;
	width: 100%;
	height: 100%;
	padding-top: 6pt;
	position: relative;
	padding-bottom: 6pt;
	font-size: 32pt;
	font-family: 'Courier Prime', monospace;
}
.inputTD {
	width: 100%
}
.inputButton {
	width: 25pt;
	height: 25pt;
	padding-top: 2pt;
	font-size: 16pt;
	font-family: 'Courier Prime', monospace;
	font-weight: bold;
	background-color: #C0D6CD;
	color: #004427;
	border: 1pt solid #509C7B;
	border-radius: 5pt;
}
label {
	font-family: 'Open Sans', sans-serif;
	font-size: 18pt;
}
input[type=text] {
	font-family: 'Courier Prime', monospace;
	font-size: 20pt;
	width: calc(100% - 4.4px - 4pt);
	background-color: #509C7B;
	border: 1pt solid #00110A;
	border-radius: 5pt;	
	color: #00110A;
	height: 26pt;
	padding-top: 3pt;
	padding-left: 2pt;
	padding-right: 2pt;
}
::selection {
	background: #C0D6CD
}
::-moz-selection {
	background: #C0D6CD
}