body {
	background: #0e101c;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
		'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

form {
	max-width: 500px;
	margin: 0 auto;
}

h1 {
	font-weight: 100;
	color: white;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(79, 98, 148);
}

p {
	color: white;
}

.form {
	background: #0e101c;
	max-width: 400px;
	margin: 0 auto;
}

.error {
	color: #bf1650;
}

.error::before {
	display: inline;
	content: '⚠ ';
}

textarea,
input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	border-radius: 4px;
	border: 1px solid white;
	padding: 10px 15px;
	margin-bottom: 10px;
	font-size: 14px;
}

label {
	line-height: 2;
	text-align: left;
	display: block;
	margin-bottom: 13px;
	margin-top: 20px;
	color: white;
	font-size: 14px;
	font-weight: 200;
}

.App {
	max-width: 600px;
	margin: 0 auto;
}

button {
	display: block;
	appearance: none;
	margin-top: 40px;
	border: 1px solid #333;
	margin-bottom: 20px;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 4px;
}
