* {
	padding: 0;
	margin: 0;
}
@font-face {
  font-display: swap;
  font-family: 'Fontdiner Swanky';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/fontdiner-swanky-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/fontdiner-swanky-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/fontdiner-swanky-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/fontdiner-swanky-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/fontdiner-swanky-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/fontdiner-swanky-v19-latin-regular.svg#FontdinerSwanky') format('svg'); /* Legacy iOS */
}
body {
	background-color: #121212;
	background-image: url('img/bg.jpg');
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #FFF;
	font-family: monospace;
}
a {
	color: #fff;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition-duration: 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s;
	transition-property: color, background-color, border-color;
	text-decoration: none;
}
a:hover {
	color: #ffaa77;
}
h1,h2 {
	margin: 0 0 7px;
}
h3,h4,h5,h6 {
	margin: 0 0 3px;
}
p {
	margin: 0 0 24px;
}
br {
	margin: 0 0 5px;
}
#wrapper {
	text-align: center;
	padding: 20px 25px;
}
img.header {
	margin: 0 0 20px;
	border: 1px solid #777;
}
p#title {
	margin: 100px auto 10px;
	font-family: "Fontdiner Swanky";
	font-size: 47px;
}
p#title a,
p#title a:hover,
p#title a:active { color: #FFF; text-decoration: none; }
ul#nav-links {
	list-style: none;
	font-size: 18px;
	margin: 0 auto 15px;
}
ul#nav-links li {
	display: inline;
	padding: 0 5px;
}
ul#nav-links a {  }
#nav-icons { margin: 0 auto; }
#nav-icons a {
	display: inline-block;
	height: 28px;
	width: 28px;
	margin: 0 7px;
	background-image: url(img/bg_nav_icons.png);
	background-repeat: no-repeat;
}
#nav-icons a span { display: none; }
#nav-icons a.icon-facebook { margin-left: 0; background-position: 0 0; }
#nav-icons a.icon-facebook:hover { background-position: -50px 0; }
#nav-icons a.icon-twitter { background-position: 0 -50px; }
#nav-icons a.icon-twitter:hover { background-position: -50px -50px; }
#nav-icons a.icon-instagram { background-position: 0 -100px; }
#nav-icons a.icon-instagram:hover { background-position: -50px -100px; }
#nav-icons a.icon-tumblr { background-position: 0 -150px; }
#nav-icons a.icon-tumblr:hover { background-position: -50px -150px; }
#nav-icons a.icon-linkedin { background-position: 0 -200px; }
#nav-icons a.icon-linkedin:hover { background-position: -50px -200px; }
#nav-icons a.icon-spotify { background-position: 0 -250px; }
#nav-icons a.icon-spotify:hover { background-position: -50px -250px; }
#nav-icons a.icon-github { background-position: 0 -300px; }
#nav-icons a.icon-github:hover { background-position: -50px -300px; }