/*	Sendmail
	================================================
	================================================ */

html {
	font-family: sans-serif;
	font-size: 1em;
}
body {
	--main: #999;
	--background-color: #0074e7;
}
form#sendmail {
	box-sizing: border-box;
	* {
		box-sizing: border-box;	
	}

	border: thin solid var(--main);
	display: grid;
	width: 40em;
	padding: 1em;
	
	label {
		font-weight: bold;
		margin: 0.5em 0;
	}
	
	input[type="text"], textarea, input[type="email"] {
		margin: 0.25em 0 0 0;
		width: 100%;
		font-weight: normal;
		font-family: "Source Code Pro";
		font-size: 1em;
		padding: 0.375em 0.75em;
		&:before {
			content: attr('name');
			content: "A";
			border: thick solid red;
		}
	}
	button[name="send"] {
		background-color: var(--background-color);
		color: white;
		font-size: 1.25em;
		padding: 0.5em;
		border: none;
	}
}