:root {
	/* -- Colors -- */
	--col_background: #000000;
	--col_font: #007E80;
	--col_gray: #1D1C26;
	
	--col_cancel1: #ff1f5d;
	--col_cancel2: #270e15;
	/* -- Images -- */
	--img_back: url("https://rpgmaker.net/media/content/users/6423/locker/page_back.png");
}

/* ---------------- Fonts ---------------- */
@font-face {
	font-family: fra_go_bk;
	src: url("https://rpgmaker.net/media/content/users/6423/locker/RPG2000.woff") format("woff");
}
@font-face {
	font-family: segoeui;
	src: url("https://rpgmaker.net/media/content/users/6423/locker/RPG2000.woff") format("woff");
}

/* ---- General elements ---- */
#body {
	background: var(--col_background) var(--img_back) repeat fixed 0 0;
	color: var(--col_font);
	font-family: 'segoeui';
	font-size: 17px;
}
div.frame {
	background: var(--col_background) !important;
}
#frame{
	background: var(--col_background) !important;
	border: 0;
}
#header {
	background: var(--col_background) !important; 
}
#main_column {
	background: var(--col_background) !important; 
}
a {
	color: white;
}
a:hover {
	color: var(--col_font);
}

/* ---- Divisors (?) ---- */
#game_strip {
	background: var(--col_font);
	color: var(--col_background);
}

#game_frame h4 {
	background: var(--col_font);
}

/* ---- Game strip selected ---- */
#game_navigation li.current {
	background: var(--col_font);
}
#game_navigation li.current a {
	
}

/* ---- Other UI ---- */
#portal_navigation {
	background: var(--col_gray);
}
#top_bar ul {
	background-color: var(--col_gray);
}
#footer_links_wrapper {
	background-color: var(--col_gray);
}
#new_footer {
	background: var(--col_gray);
}
html {
	background: var(--col_gray);
}

.game_tag_list a {
	background: var(--col_font);
	text-shadow: none;
	box-shadow: none;
	color: white;
	font-weight: normal;
	font-size: 16px;
	border-color: var(--col_gray);
}

/* ---- Additions ---- */
/* Animations */
@keyframes cancelAnimation {
	from { 
		color: var(--col_cancel1);
	}
	to {
		color: var(--col_cancel2);
	}
}

.game_status::before {
	content: "STATUS: ";
	color: var(--col_gray);
}
.game_status {
	font-size: 17px;
}
.game_status.cancelled {
	color: var(--col_cancel1);
	animation: cancelAnimation 3s linear 0s infinite alternate;
}