.input-container {
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
}

.input-container > label {
	display: inline-block;
	width: calc(100% / 12 * 2);
}

.input-container > input {
	display: inline-block;
	width: 100%;
	height:100%;
	padding: 3px 4px 5px 4px;
	border-radius: 8px;
	border: none;
	transition: 0.25s;
	outline: none;
	font-family: var(--font-family);
	font-size: calc(var(--content-font-size) / 1.5);
}

.input-container > input[type=text] {
	vertical-align: top;
}

.input-container > input[type=submit] {
	padding: calc(var(--content-font-size) / 12);
	font-size: calc(var(--content-font-size));
}

.input-container > input[type=checkbox] {
	width: auto
}

.input-container > input:focus, .input-container > select:focus {
	outline: 1px solid var(--accent-color);
}

.input-container > select {
	display: inline-block;
	padding: 3px 16px 5px 4px;
	border-radius: 8px;
	border: none;
	transition: 0.25s;
	outline: none;
	font-family: MarioFont;
	font-size: calc(var(--content-font-size) / 1.5);
}

.input-container > select optgroup {
	font-family: var(--font-family);
	font-weight: normal;
	font-size: calc(var(--content-font-size) / 1.5);
}