form {
	margin: auto;
	border: 4px solid white;
	padding: 1.2em;

	background-color: hsla(212,60%,20%,0.1);   /* Läpikuultavana. */
	background-color: hsla(206,60%,41%,1.0);   /* Suunnilleen sama väri ei-läpinäkyvänä. */
	background-color: hsla(210,80%,28%,1.00);
	background-color: transparent;             /* Kumoaa lopulta edelliset, sillä... */ 

	box-shadow: 0px 0px 200px hsla(212,60%,0%,0.4) inset,
		    0px 0px 50px hsla(212,60%,0%,0.1) inset;
}
input {
	height: 40px;
}
textarea {
	height: 6.2em;
}
input, textarea {
	background-color: rgba(255,255,255,0.7);
	border: 2px solid white;
	box-sizing: border-box;
	width: 100%;
	padding: 0.1em 0.5em;
	font-size: 1em;
	font-family: inherit;
	margin: 4px 0;
	border-radius: 5px;
}
input[type=url] {
	padding: 0.1em 0.5em 0.15em;
}
input[type=submit] {
	background: white;
	font-family: inherit;
	font-size: 1em;
	border-radius: 50px;

}
input[type=submit]:hover {
	box-shadow: 0px 3px 15px rgba(0,0,0,0.5);
	cursor: pointer;
}
input[type=submit]:focus, 
input[type=submit]:active {
	background:red;
	color:white;
}
input[type=url]:focus, textarea:focus {
	background-color: white;
	outline: none;
}
p:first-of-type {
	margin-top: 0px;
}
p:last-of-type {
	margin-bottom: 0px;
}

@media (min-width:701px) {
	form {
		margin-top: 2.5em;
		max-width: 50em;
	}
}

@media (max-width:700px) {
	body {	margin:0;
		padding: 0;}
	form {	border: none;
		min-height: 100vh;
		box-sizing: border-box;}
	textarea {height:10em;}
}