html {
	width: 100%; height: 100%;
}

body {
	font-family: 'Orienta', sans-serif;
	/*font-family: 'Average Sans', sans-serif;
	font-family: 'Signika Negative', sans-serif;
	font-family: 'Varela Round', sans-serif;*/
	/*font-family: 'Oxygen', sans-serif;*/
	line-height: 1.85em;
	font-size: 1.05em;
}

a {
	transition: 1s;
}
a:link {
	color: black;
}
a:visited {
	color: black;
}
a:hover, a:focus {
	color: #f00054;
	transition: 0.2s;
}
a:active {
	color:#fb0e02;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

main {
	width: 550px;
	min-height: 400px;
	padding: 45px 75px;
	background-color: rgba(255, 255, 255, 0.9);
	
	background: linear-gradient(to bottom, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.88) 100%);
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.5);
}

main p {
	margin-bottom: 1.3em;
}

main p:first-child {
	margin-top: 1.3em;
}

main ul {
	margin-top: -1.3em;
	margin-bottom: 1.3em;
}

footer {
	position: absolute;
	bottom: 0; right: 0; left: 0;
	height: 50px;
	text-align: center;
}

#background {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	z-index: -1;
}

#background img, canvas {
	min-width: 100%;
	min-height: 100%;
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
	-moz-user-select: none;
	user-select: none;
}

@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}