html {
	color: #EEEEFE;
	background-color: #000;
	height: 100vh;
	background-image: linear-gradient(#020533,#010111,#000000);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body {
	font-family: 'Tillana', cursive;
	font-size:2em;
}

header, section {
	width:100vw;
	height:16em;
	min-height:1.5em;
	background-color: #124;
	background-image:url("kuvat/lylyrakka_kuisti_b.JPG");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center;
	text-align:center;
	margin-bottom:0.5em;
}

header {
	height:24em;
}

article {
	width:50vw;
	margin:auto;
}
h1,h2 {
	padding:4em 0;
	font-size: 3em;
	font-family: 'Uncial Antiqua', cursive;
	text-shadow: 4px 4px 4px #000010;
}

h1 {
	padding:3.5em 0;
	font-size: 5em;
}

h2 {
	margin-top:1em;
}
h3, p {
	padding:0.25em;
}

h3 {
	margin-top:0.5em;
	font-size:1.25em;
}

p {
	font-family: 'Archivo Narrow', sans-serif;
	color: #A5A8BA;
}
figure {
	width:7em;
	height:4.5em;
	margin: .1em;
	overflow:hidden;
	float:right;
	border: 2px #D7E2FE solid;	
}

a:link {
	text-decoration:none;
	border: 2px solid green;
	border-radius: 12px;
	padding: 0 8px 0 8px;
	color:#D7E2FE;
	transition: background-color 1s;
}

a:visited {
	color:#A7B2CE;
}

a:hover {
	color:#125;
	background-color:#A7B2CE;
}

br {
	clear:right;
}

img {
	width:100%;
	opacity:0.85;
	transition: transform 2s;

}

img:hover {
	transform: scale(1.5);
}

footer {
	padding:1em;
	text-align:center;
}