html {
	background: #14121a;
	color: #F8E8D8;
	background-image: url('../images/star_horizon.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	height: 100%;
}

/* Header (Logo, Motto, Links) */
header {
	background: #0c0810;
	color: white;
	margin: 4em 0 0 0;
	padding: 0 0;
	background-image: url('../images/top_left_border.png'), url('../images/top_right_border.png'), url('../images/top_border.png'),
		url('../images/left_border.png'), url('../images/right_border.png');
	background-position: left top, right top, left top, left top, right top;
	background-repeat: no-repeat, no-repeat, repeat-x, repeat-y, repeat-y;
}

.logo {
	margin-left: 5%;
	margin-right: auto;
	font: normal medium Georgia, serif;
	font-size: 64px;
}

.logo img {
	width:95%;
}

.motto {
	font-size: large;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
	margin-left:5%;
	margin-bottom: 1%;
	margin-right:5%;
}

/* Social Media */
.social-icons {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.icon-link {
    display: inline-block;
    transition: filter 0.3s;
}

.icon-link img {
    width: 32px;
    filter: opacity(50%);
}

.icon-link:hover img {
    filter: opacity(100%);
}

/* Main Body */
body {
	font: normal medium Georgia, serif;
	padding: 0;
	margin: 0 auto;
	max-width: 900px;
	line-height: 1.75;
	background: transparent;
}

.main_body {
	background-color: #0c0810;
	background-image: url('../images/bottom_left_border.png'), url('../images/bottom_right_border.png'),
		url('../images/bottom_border.png'), url('../images/left_border.png'), url('../images/right_border.png');
	background-position: left bottom, right bottom, left bottom, left top, right top;
	background-repeat: no-repeat, no-repeat, repeat-x, repeat-y, repeat-y;
}

.portrait {
	margin:2%;
	float: left;
}

.page_description {
	margin: 0 auto;
	padding: 1em 0;
	text-align: left;
	width: 85%;
	color: white;
	font-size: large;
}

.game_container {
	width: 85%;
	height: 128px;
	margin: 0 auto;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.ts {
	background-image: url(../images/ts_background.png);
}

.ts2 {
	background-image: url(../images/ts2_background.png);
}

.game_gradient {
	width: 100%;
	height: 100%;
	margin:0;

	background: #03010255;
}

.game_text {
	padding-top: 1%;
	text-shadow: 0px 0px 3px #040203FF;
	font-family: serif;
}

.game_title {
	font-size:x-large;
	float: left;
	text-align: left;
	margin-left: 3%;
}

.game_status {
	text-align: right;
	margin-right: 2%;
	float:right;
}

/* Footer Styles */
footer {
	background: transparent;
	color: white;
}

footer,
.c {
	text-align: center;
	clear: both
}

/* Fancy Things*/
.line_separator_title {
	height: 2px;
	width: 60%;
	margin: -2em auto 1em auto;
	background: #b39d6f;
	border-bottom: 2px solid #664433;
}

.line_separator {
	height: 2px;
	width: 75%;
	margin: 0 auto;
	background: #b39d6f;
	border-bottom: 2px solid #664433;
}

/* General */
h2,
h3,
p {
	margin: 0 0
}

h1 {
	font-size: x-large;
	text-align: left;
	margin: 0;
	margin-left:7.5%;
}

a:link,
a:visited {
	color: #e5ceac;
}

a:hover,
a:active {
	color: #C890A8;
}