* {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace, monospace;
	background-color: #000;
	color: #0f0;
	margin: 0;
	padding: 0;
}

#title, #subtitle {
	text-align: center;
	font-size: min(3vw, 1em);
}

input, textarea {
	background-color: #000;
	color: #0f0;
	border: 1px solid #0f0;
	-moz-appearance: textfield;
    appearance: textfield;
    margin: .1em;
}

input[type="file"] {
	border: none;
}
input[type="file"]::file-selector-button {
	background-color: #000;
	color: #0f0;
	border: 1px solid #0f0;
	cursor: pointer;
}

input[type="button"]:active {
	background-color: #0f0;
	color: #000;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin: 0;
}

*::-webkit-input-placeholder,
*::-moz-placeholder,
*::placeholder {
	color: #0e0;
}

#title, .topbox, .box {
	padding: .5em
}
.box {
	display: inline-table;
}

@media (orientation: portrait) {
	textarea {
		width: 100%;
	}
	
	.box {
		display: block;
	}
}