@charset "utf-8";
@import url("fonts/iosevka.css");

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

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

.content
{
    width:800px;
	max-width:800px;
	min-height:100%;
	font-family: 'Iosevka';
	font-size: 12px;
	background-color: #1F1F1F;
	color:#E7E7E7;
	padding: 8px;
	box-shadow: 0px 0px 40px 10px #000;
	margin-left: auto;
    margin-right: auto;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	margin-left: auto;
    margin-right: auto;
	box-shadow: 0px 0px 5px 0px #000;
}

.button:hover {
  background-color: #78C47B; /* Green */
  color: white;
}

.button a:link
{
	color: white;
	text-decoration:none;
}

.button a:hover
{
	color: white;
	text-decoration:underline;
}

.button a:visited
{
	color: white;
	text-decoration:none;
}

@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;
}