body {
	text-align:center;
	background-color: #000000;
	background-image: url('images/bg1.jpg');
	  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Montserrat', sans-serif;
  color: #b3b3b3;
  text-align:center;
}

#logo {
	width: 100%;
}

#logo img {
	width:75%;
	-webkit-mask-image: url('images/thickNeedles.png');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 75%;
  mask-image: url('images/thickNeedles.png');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 75%;
	animation-name: scaleLogo;
  animation-duration: 20s;
  animation-iteration-count: infinite;

}

@keyframes scaleLogo {
	0% {
		mask-size: 95%;
		-webkit-mask-size: 95%;
	}
	50% {
		ask-size: 100%;
		-webkit-mask-size: 100%;

	}
	100% {
		ask-size: 95%;
		-webkit-mask-size: 95%;
	}
}

@keyframes animateLinks {
	from {
		opacity: 0;
	}
	to {
		opacity: .3;
	}
}

@keyframes animateLinkPos {
	from {
		margin-top:5em;
	}
	to {
		margin-top:0em;
	}
}

#links {
	animation-name: animateLinkPos;
	animation-duration: 2s;
}

#links img {
	height: 4em;
}

#links a {
	padding-left:1em;
	padding-right:1em;
	animation-name: animateLinks;
	animation-duration: 2s;
	opacity: .3;
	padding-top: 10em;
}

#links a:hover {
	opacity: 1;
}

#bio {
	text-align: left;
	margin: 0 auto;
	width: 75%;
}

#media {
	text-align: center;
	padding-top: 2em;
	margin: auto;
}

iframe {
	padding-top: 1em;
    display: block;
    border-style:none;
    margin: auto;
}

.quote {
	font-size: 1.5em;
	font-style: italic;
	padding-bottom: .5em;
	padding-top: 1em;
}

.cite a {
	text-decoration:none;
	color: #bfbfbf;
}
.cite a:hover {
	color: #ffffff;
}