* {
	margin: 0;
}

html {
	height: 100%;
}

body {
	background-color: #222;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
}

#name {
	font-family: 'Exo 2';
	font-size: 5em;
	color: #aaa
}

.shadow {
    color: #e0dfdc;
    background-color: #222;
    letter-spacing: .1em;
    text-shadow: 
      0 -1px 0 #fff, 
      0 1px 0 #2e2e2e, 
      0 2px 0 #2c2c2c, 
      0 3px 0 #2a2a2a, 
      0 4px 0 #282828, 
      0 5px 0 #262626, 
      0 6px 0 #242424, 
      0 7px 0 #222, 
      0 8px 0 #202020, 
      0 9px 0 #1e1e1e, 
      0 10px 0 #1c1c1c, 
      0 11px 0 #1a1a1a, 
      0 12px 0 #181818, 
      0 13px 0 #161616, 
      0 14px 0 #141414, 
      0 15px 0 #121212, 
      0 22px 30px rgba(0, 0, 0, 0.5);
}

i {
	margin: 10px 20px 10px 20px;
	color: #aaa;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -50px;
	padding-top: 50px;
}

.footer {
	background-color: #555;
	color: #aaa;
	display: block;
	width: 100%;
	padding: 10px;
	height: 50px;
}

.push {
	height: 50px;
}