.form {
	display: flex;
	flex-direction: column;

	width: 500px;
}

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

.form-column {
	display: flex;
	flex-direction: column;
}

.form div input {
	transition: width .5s;

	border: none;
	border-bottom: solid 1px #888;

	padding: 8px 16px;
	margin: 8px 0;
	width: 350px;
}

.form textarea {
	resize: none;
	border: solid 1px #888;

	padding: 10px;
	height: 200px;
	width: 100%;
}

.form textarea + span {
	align-self: flex-end;

	font-size: 14px;
	color: #888;
}

.form div input:focus, .form textarea:focus {
	outline: none;
}

.form div input:hover {
	width: 440px;
}

.form input[type="file"] {
	border: none;
}

.form input[type="submit"] {
	transition: border-radius .5s;
	align-self: flex-start;
	padding: 8px 32px;

	border: none;
	background-image: none;
	background-color: #333;
	color: #fff;
}

.form-noCheck {
	background-color: #80CC28 !important;
}

.form input[type="submit"]:hover {
	border-radius: 20px;
}

.form input + span {
	color: #a00;
}