.theme-container .form, form {
	
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	text-align: center;
	
}

.theme-container input, select, textarea {
	
	margin: 0.25vw !important;
	padding: 0.5vw;
	
	color: rgb(var(--ColorTextInvert));
	background-color: rgb(var(--ColorAccentBright));
	
	outline: none;
	border: none;
	
	box-shadow: 0px 0px 10px 0.1vh rgb(var(--ColorShadow));
	
}

.theme-container input::placeholder, textarea::placeholder {
	
	color: rgb(var(--ColorTextInvert));
	opacity: 0.8;
	
}

.theme-container input:hover, input:focus, input:active {
	
	color: rgb(var(--ColorText));
	background-color: rgb(var(--ColorHighlight));
	
}

.theme-container input:focus {
	
	outline: 0.2vw solid rgb(var(--ColorAccentBright));
	
}

.theme-container .form-input {
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	
}

.theme-container .form-input label {
	
	min-width: 10vw;
	margin: 0.5vw;
	
}

.theme-container .form-input input, select, textarea {
	
	margin-left: auto;
	flex-grow: 1;
	
}

.theme-container .form-controls {
	
	padding: 1vw;
	
}

.theme-container .form-controls:hover {
	
	color: rgb(var(--ColorHighlight));
	
}

.theme-container .form-submit {
	
	padding-left: 5vw;
	padding-right: 5vw;
	
	margin-left: auto;
	margin-right: auto;
	
}

.theme-container .form-label {
	
	padding: 1vw;
	padding-bottom: 0.25vw;
	
	font-family: var(--FontHeading);
	font-weight: bold;
	
}

.theme-container .form-label:before {
	
	color: 			rgb(var(--ColorHighlight));
	
	content:		"\f35a";
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	
}

.fancy-form {
	
	display: table;
	table-layout: fixed;
	width: 100%;
	
	background-color: rgba(255, 255, 255, 0.8);
	
}

.fancy-form > * {
	
	display: table-row;
	
	width: 100%;
	
}

.fancy-form > *:nth-child(even) {
	
	background-color: rgba(125, 125, 125, 0.5);
	
}

.fancy-form > * > * {
	
	display: table-cell;
	
}

.fancy-form > * > input {
	
	width: 100%;
	
}