@font-face {
	font-family: AmericaRegularExpanded;
	src: url(../fonts/GT-America-Expanded-Regular.otf);
}

@font-face {
	font-family: AmericaRegularExtended;
	src: url(../fonts/GT-America-Extended-Regular.otf);
}

@font-face {
	font-family: AmericaExtendedMedium;
	src: url(../fonts/GT-America-Extended-Bold.otf);
}


html
{
	width:100%;
}

html, body
{
	font-family: AmericaRegularExtended, sans-serif;
	color:rgb(219, 219, 219);

	
}



body
{
	margin:0px auto;
	max-width: 940px;
	padding: 50px 20px 100px 20px;
}

#main-container {
	width:850px;
}

#background-gradient {
	background-image: linear-gradient(rgb(15, 15, 15) 50%, rgb(19, 10, 27) 100%);
	height:100%;
	width:100%;
	position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#header-image
{
	text-align: center;
	margin-left: -25px
}

h1
{
	font-size:40px;
	margin-top:70px;
	color:white;
	letter-spacing: 3px;
}

p
{
	line-height:25px;
	max-width:700px;
}

p#game-intro
{
	font-size:30px;
	line-height:35px;
}

strong {
	font-family: AmericaExtendedMedium;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#9f03c5;
}

h1, h2
{
	font-family: AmericaRegularExpanded, sans-serif;
	clear:both;
	text-transform: uppercase;
}

h2
{
	margin:50px 0px 0px 0px;
	color:#7cff00;
	letter-spacing:4px;
}

a
{
	color:white;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

li
{
	margin:5px;
}

hr
{
	border: 0;
	clear:both;
    border-top: 1px solid #666;
    margin:50px 0px;
	display:block;
	float:left;
	width:100%;
}

.content-block {
	float:left;
}

#quick-facts .column {
	float:left;
}

#quick-facts .column:last-of-type {
	margin-left:120px;
}

.big-button
{
	font-family: AmericaRegularExpanded, sans-serif;
	display:block;
	margin:20px 0px 15px 0px;
	border: 2px solid white;
	padding:15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: max-content;
	letter-spacing: 3px;
}

.big-button:hover
{
	color:black;
	background-color: white;
	border-color:white;
}

#request-copy-button
{
	width:250px;
}

#images
{
	float:left;
}


#images a
{
	height:auto;
	display:block;
	float:left;
	margin:10px;
	cursor:pointer;
}

#images a:hover
{
	opacity: 0.8;
}

#images img
{
	max-width:400px;
}

#trailer
{
	margin:20px 0px;
}

#transparent-logo
{
	background:url("images/transparent-grid.png");
	background-size: 50%;
}

ul
{
	margin:10px 0px;
	padding:0px 10px;
}

#about-the-creator img
{
	margin:0px 20px 20px 0px;
	cursor:pointer;
}

#about-the-creator img:hover
{
	opacity: 0.8;
}

.quote-source {
	color:gray;
}

#press-article-list li
{
	line-height:30px;
}


@media (max-width: 940px) {
	
	#images img
	{
		max-width:920px;
	}
	
	}