@charset "utf-8";
@import url("fonts/iosevka.css");
@import url("fonts/fontawesome-free-5.5.0-web/css/all.css");

html, body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

body
{ 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #1F1F1F;
}

.content
{
    width:900px;
	max-width:900px;
	min-height:100%;
	font-family: 'Iosevka';
	font-size: 0.85em;
	line-height: 1.5;
	background-color: #1F1F1F;
	color:#E7E7E7;
	padding: 8px;
	box-shadow: 0px 0px 40px 10px #000;
}

.content sub
{
	vertical-align: baseline;
	font-size: 0.8em;
}

.content h1
{
	font-size: 2.3em;
	line-height: 1.5;
	font-variant: small-caps;
}

.content h2
{
	font-size: 1.7em;
	line-height: 1.5;
	font-variant: small-caps;
}

@media only screen 
and (orientation : portrait)
{
	.content
	{
		width:100%;
		max-width:100%;
	}
}

a:link
{
	color:#E8A642;
	text-decoration:none;
}

a:hover
{
	color:#FFC266;
	text-decoration:underline;
}

a:visited
{
	color:#A681B3;
	text-decoration:none;
}

table
{
	background-color: #383830;
	border:#383830;
	border-radius: 8px;
}

.imagebox
{
	margin-left:12px;
	margin-right:12px;
}

table p
{
	padding-left: 8px;
	padding-right: -16px;
}

td
{
	padding-left: 8px;
	padding-right: 8px;
}

.socialicon
{
	filter: invert(64%) sepia(62%) saturate(417%) hue-rotate(357deg) brightness(94%) contrast(100%);
	width: 96px;
}

.socialtable
{
	float:left;
	background-color: transparent;
	padding:none;
	border:none;
}

@media only screen 
and (orientation : portrait)
{
	.content
	{
		font-size: 2em;
		line-height: 1.5;
	}

	.socialtable
	{
		float:none;
	}

	.socialicon
	{
		filter: invert(64%) sepia(62%) saturate(417%) hue-rotate(357deg) brightness(94%) contrast(100%);
		width: 256px;
		padding-left:64px;
		padding-right:64px;
	}

	.tablefucker
	{
		display: block;
	}

	.tablefucker p
	{

		font-size: 0.85em;
		line-height: 1.5;
	}

	.imagebox
	{
		margin-left:0px;
		margin-right:0px;
		width:100%;
		display:block;
		font-size: 0.85em;
		line-height: 1.5;
		align:none;
	}

	.imagebox img 
	{
		width:900px;
		height:auto;
	}
}