/**
 * Frosted glass effect
 */

body {
	background: url("http://csssecrets.io/images/tiger.jpg") 0 / cover fixed;
	min-height: 100vh;
	box-sizing: border-box;
	margin: 0;
	padding-top: calc(50vh - 6em);
	font: 150%/1.6 Baskerville, Palatino, serif;
}

main {
	margin: 0 auto;
	padding: 1em;
	width: 20em;
	background: rgba(255,255,255,.3);
}