* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; }
html, body { height:100%; margin:0; }
body {
	background:#232426;
	color:#aaa;
	font-size:16px;
	font-family:"Nunito", arial, sans-serif;
}

a {
	color:#3a5e84;
}

.page-wrapper {
	background:#27282b;
	min-height:100%;
}

.hello {
	top:0; left:100px;
	width:520px; 
	min-height:100%;
	background: rgba(35, 36, 38, 0.93);
	padding:40px 20px;
	border: 1px solid #494949;
	border-top:none;
	position: absolute;
}

h1 {
	color:#ad4545;
}

hr { border-color:#111; }

p, hr { margin:0.75em 0;}

.beards { position:fixed !important; top:0px; left:0px; right:-100px;}
.beards div { padding:5px; }
.beards div img { max-width:100%; }