@font-face {
    font-family: "Foro";
    src: url(../font/ForoSans-ExtraLight.ttf);
}


@-webkit-keyframes body_bgd {
	from {background-color: white;}
	to {background-color: #222;}
}


@keyframes body_bgd {
	from {background-color: white;}
	to {background-color: #222;}
}


@-webkit-keyframes blink {
	from, to {color: inherit;}
	50% {color: transparent;}
}


@keyframes blink {
	from, to {color: inherit;}
	50% {color: transparent;}
}

html, body {
	background: #222;
	-webkit-animation: body_bgd .9s -.1s;
	        animation: body_bgd .9s -.1s;
	margin: 0;
}

#text_wrapper {
	position: fixed;
	top: 100px;
	right: 100px;
	max-width: 50vw;
	color: white;
	font-size: 3em;
	font-family: Foro, Verdana, Tahoma;
}

#text_wrapper a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	-webkit-transition: all ease .3s 0;
	transition: all ease .3s 0;
}

#text_wrapper a:hover {
	border-bottom: 2px solid white;
}

#blinking_cursor {
	color: transparent;
	-webkit-animation: blink 1s step-end infinite 9s;
	        animation: blink 1s step-end infinite 9s;
}

#particles_container {
		background: transparent;
		position: fixed;
		left: 0;
		bottom: 0;
		margin: 0;
		overflow: hidden;
}