html {
font-family:'Share Tech Mono',sans-serif;
font-weight:normal;
font-size:20px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body{
margin:0;
letter-spacing:-1px;
line-height:1.5;
color:#fff;
background:#333;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4PSIwIiB5PSIyMCIgc3R5bGU9Im9wYWNpdHk6MC4wNTtmaWxsOiMwMDAiLz48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjIwIiB5PSIwIiBzdHlsZT0ib3BhY2l0eTowLjA1O2ZpbGw6IzAwMCIvPjwvc3ZnPg==);
text-align:center;
text-shadow:0px 0px 3px #000;
}
a{color:#fff;text-decoration:none;white-space:nowrap;}
h1{margin:10% 0 0 0;color:#3cf;text-shadow:0px 0px 5px #3cf;font-weight:normal;letter-spacing:-3px;}
h2{margin:0 0 3% 0;color:#9c3;text-shadow:0px 0px 5px #9c3;font-weight:normal;}
.blue{background:#3cf;}
.green{background:#9c3;}
.gray{background:#555;}
[href*="plus.google.com/"] strong{background:#000;}
[href*="facebook.com/"] strong{background:#3B5998;}
[href*="linkedin.com/"] strong{background:#0A66C2;}
[href*="twitter.com/"] strong{background:#4099ff;}
[href*="xing.com/"] strong{background:#026466;}
[href^="mail/"] strong,
[href^="mailto:"] strong{background:#cc3333;}
[href^="tel:"] strong{background:#5fc639;}
abbr{font-size:.9em;}
strong{padding:0 .25em;font-weight:normal;}
.cursor{text-shadow:none;
-webkit-animation:blink 2s linear 0s infinite;animation:blink 2s linear 0s infinite;}
a + .big { display:block; opacity:0; position:absolute; text-align:center; width:100%; margin:0; padding:0; top:-25%;
-webkit-transition:opacity 1s ease .5s;transition:opacity 1s ease .5s;}
a:hover + .big { display:block; opacity:1; top:25%;
-webkit-transition:opacity .6s ease .5s;transition:opacity .6s ease .5s;}
a + .big ins { text-decoration:none; font-weight:normal; font-size:4em; background:rgba(110,110,110,0.6); padding:0 .5em; border-radius:16px; text-shadow:2px 2px 0 black; margin:auto; display:inline-block; }

@media screen and (max-width:640px) {
a {display:block;margin:.75em 0;background:#2a2a2a;}
a strong {display:block;margin:0 2em;}
a span {display:block;}
}
@media all and (min-width:641px) {
a {margin:0 .5em;}
a strong{padding:.1em .5em;}
a span{display:inline-block;vertical-align:top;max-width:0;overflow:hidden;
-webkit-transition:max-width 1s ease .5s;transition:max-width 1s ease .5s;}
a:hover span{max-width:15em;
-webkit-transition:max-width 2s ease .2s;transition:max-width 2s ease .2s;}
}
@media all and (min-width:800px) {body{font-size:22px;}}
@media all and (min-width:1000px) {body{font-size:24px;}}
@media all and (min-width:1200px) {body{font-size:26px;}}
@media all and (min-width:1400px) {body{font-size:28px;}}
@media all and (min-width:1800px) {body{font-size:32px;}}

@-webkit-keyframes blink{/*chrome,safari*/
0% {color:#fff;background:#fff;text-shadow:none;}
10% {color:#9c3;background:#9c3;text-shadow:none;}
30% {color:#333;background:#333;text-shadow:none;}
100% {color:#333;background:#333;text-shadow:none;}
}
@keyframes blink {/*firefox16+,ie10+*/
0% {color:#fff;background:#fff;text-shadow:none;}
10% {color:#9c3;background:#9c3;text-shadow:none;}
30% {color:#333;background:#333;text-shadow:none;}
100% {color:#333;background:#333;text-shadow:none;}
}

@media all and (min-width:641px) {
#header h1, #header h2{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	-webkit-animation:pulse 700ms ease-out;
	animation:pulse 700ms ease-out;
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%;
}

p{
	-webkit-animation:reveal 900ms ease-out;
	animation:reveal 900ms ease-out;
}

#footer a{
	-webkit-animation:fly 1300ms ease-out;
	animation:fly 1300ms ease-out;
}
}

@-webkit-keyframes pulse{
	0%{
		-webkit-transform:translateY(-10px) scale(.9);
		transform:translateY(-10px) scale(.9);
		opacity:0;
	}
	70%{
		-webkit-transform:translateY(2px) scale(1.05);
		transform:translateY(2px) scale(1.05);
		opacity:1;
	}
	100%{
		-webkit-transform:none;
		transform:none;
		opacity:1;
	}
}
@keyframes pulse{
	0%{
		-webkit-transform:translateY(-10px) scale(.9);
		transform:translateY(-10px) scale(.9);
		opacity:0;
	}
	70%{
		-webkit-transform:translateY(2px) scale(1.05);
		transform:translateY(2px) scale(1.05);
		opacity:1;
	}
	100%{
		-webkit-transform:none;
		transform:none;
		opacity:1;
	}
}

@-webkit-keyframes reveal{
	0%{
		-webkit-transform:translateY(100px);
		transform:translateY(100px);
		opacity:0;
	}
	70%{
		-webkit-transform:translateY(-20px);
		transform:translateY(-20px);
		opacity:1;
	}
	100%{
		-webkit-transform:none;
		transform:none;
		opacity:1;
	}
}
@keyframes reveal{
	0%{
		-webkit-transform:translateY(100px);
		transform:translateY(100px);
		opacity:0;
	}
	70%{
		-webkit-transform:translateY(-20px);
		transform:translateY(-20px);
		opacity:0.7;
	}
	100%{
		-webkit-transform:none;
		transform:none;
		opacity:1;
	}
}

@-webkit-keyframes fly{
	0%{
		margin:0 100px;
		opacity:0;
	}
	70%{
		margin:0 -8px;
		opacity:1;
	}
	100%{
		margin:0 0;
		opacity:1;
	}
}
@keyframes fly{
	0%{
		margin:0 100px;
		opacity:0;
	}
	70%{
		margin:0 -8px;
		opacity:1;
	}
	100%{
		margin:0 0;
		opacity:1;
	}
}