@charset "UTF-8";
/* CSS Document */

body
{
	padding:4%;
	padding-bottom:50px;
	margin:0px;
	font-family: 'ProtoMono-Regular', Helvetica, Arial, Sans-Serif;
	background:#1D2129;
}

#wrapper
{
	width:95%;
	max-width:500px;
}

p, a
{
	font-size:20px;
	line-height:120%;
	margin-top:10px;
	color:#E4E5EA;
}

a:hover
{
	text-decoration:none;
}

#footer
{
	display: block;
	position:absolute;
	bottom:6%;
	left:4%;
}

#footer a
{
	font-size:10px;
	color:#747D8C;
	text-decoration: none;
	padding-right:15px;
}

#footer a:hover{
	color:#E4E5EA;
}

::-moz-selection
{
    color: #1D2129;
    background: #E4E5EA;
}

::selection
{
    color: #1D2129;
    background: #E4E5EA;
}

@media screen and (max-width:500px) {
	body
	{
		padding:6%;
	}
	p, a
	{
		font-size:28px;
	}
	#footer
	{
		left:6%;
	}
	#footer a
	{
		font-size:12px;
	}
	.desktop
	{
		display:none;
	}
}

@media screen and (max-width:330px) {
	p, a
	{
		font-size:26px;
	}
}