@import url('https://fonts.googleapis.com/css?family=Quicksand:300');
body {
	color: #ccc;
	font-family: 'Quicksand', sans-serif;
	background-color: #000;
}

h1 {
	margin-left: -9999px;
}
nav { 
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 4rem;
}
nav a,
nav a:hover,
nav a:visited {
	color: #fff;
	text-decoration: none;
}
nav a:active {
	color: yellow;
}
nav li {
	padding: 5px 0;
}
@media screen and (orientation: portrait) {
header {
	background-image: url("me.jpg");
	background-size: cover;
	height: 100vh;

}	
}
@media screen and (orientation: landscape) {
header {
	background-image: url("me.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	height: 100vh;
	margin-left: 50px;
}	
}