html,
body {
	margin: 0;
	padding: 0;
	background: #000;
	color: #d4d4d8;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
}

/* QUITAR LÍNEAS RARAS */

hr,
hr *,
.boardlist.bottom,
.pages,
footer {
	display: none !important;
	border: none !important;
}

.boardlist,
.boardlist.top,
body > .boardlist {
	border: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	background-image: none !important;
}

/* CONTENEDOR */

.box-wrap {
	max-width: 670px;
	margin: 24px auto;
	padding: 0;
}

/* ASCII */

.dc-home-header {
	text-align: center;
	margin: 18px auto 20px auto;
	overflow: hidden;
}

/* BANNER */

.home-banner {
	text-align: center;
	margin: 10px auto 18px auto;
	border: none !important;
}

.board_image {
	display: block;
	margin: 0 auto;
	max-width: 95%;
	height: auto;
	border: 1px solid #1d3b28;
	background: transparent;
}

/* CAJAS */

.mainBox,
.dc-boards-box,
fieldset {
	background: #050506;
	border: 1px solid #1d3b28;
	width: 100%;
	margin-bottom: 12px;
	box-sizing: border-box;
}

/* TITULOS */

.mainBox h2,
.dc-boards-box h2,
legend {
	background: #0d1a12;
	color: #5eea7a;
	border-bottom: 1px solid #1d3b28;
	font-family: "Courier New", monospace;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 8px;
	margin: 0;
}

/* LINKS */

a,
a:visited {
	color: #8cf3a0;
	text-decoration: none;
}

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

/* BOARDS */

.dc-board-list {
	list-style: none;
	margin: 0;
	padding: 14px 18px 16px 18px;
}

.dc-board-list li {
	display: block;
	margin: 0 0 18px 0;
	padding: 0;
}

.boardlinksurl {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dc-board-list a {
	font-family: "Courier New", monospace;
	font-size: 14px;
	font-weight: bold;
	color: #5eea7a;
}

/* INFO */

.description {
	text-align: center;
	font-weight: bold;
	padding: 12px 14px;
	line-height: 1.35;
	color: #d4d4d8;
}

.quoteofnow {
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
	margin: 14px;
	color: #d4d4d8;
}

.imageofnow {
	display: block;
	margin: 14px auto;
	max-width: 300px;
	border: 1px solid #1d3b28;
}

.videoofnow {
	display: block;
	margin: 14px auto;
	max-width: 500px;
	width: 95%;
	border: 1px solid #1d3b28;
}

/* NEWS */

.ban {
	padding: 10px;
	box-sizing: border-box;
}

/* RECENT IMAGES */

.box.image {
	background: transparent;
	border: none;
	width: 100%;
	min-height: 120px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.box.image ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

.box.image li {
	display: inline-block;
	margin: 4px;
}

.box img {
	width: auto !important;
	height: 100px !important;
	border-radius: 6px;
	border: 1px solid #1d3b28;
	background: #050506;
}

/* TEXT */

h1 {
	color: #5eea7a;
	font-family: "Courier New", monospace;
	text-align: center;
}

.unimportant {
	color: #71717a;
	font-family: "Courier New", monospace;
}

/* RESPONSIVE */

@media (max-width: 760px) {
	.box-wrap {
		width: 94%;
	}

	.quoteofnow {
		font-size: 15px;
	}
}
/* =========================
   CATEGORY COLORS
========================= */

/* MAIN */

.boards-main {
	border: 1px solid #1d3b28;
}

.boards-main h2 {
	background: #0d1a12 !important;
	color: #5eea7a !important;
	border-bottom: 1px solid #1d3b28 !important;
}

.boards-main a {
	color: #5eea7a !important;
}

/* NETWORK */

.boards-network {
	border: 1px solid #5f3ca0;
}

.boards-network h2 {
	background: #171028 !important;
	color: #b388ff !important;
	border-bottom: 1px solid #5f3ca0 !important;
}

.boards-network a {
	color: #c9a8ff !important;
}

/* EXPERIMENTAL */

.boards-experimental {
	border: 1px solid #7a2233;
}

.boards-experimental h2 {
	background: #240b11 !important;
	color: #ff5c75 !important;
	border-bottom: 1px solid #7a2233 !important;
}

.boards-experimental a {
	color: #ff8ea1 !important;
}

/* SITE */

.boards-site {
	border: 1px solid #4b4b4b;
}

.boards-site h2 {
	background: #151515 !important;
	color: #c4c4c4 !important;
	border-bottom: 1px solid #4b4b4b !important;
}

.boards-site a {
	color: #d6d6d6 !important;
}

/* COMING SOON */

.coming-soon {
	color: #71717a;
	font-family: "Courier New", monospace;
	opacity: .8;
	padding: 4px 0;
}

.coming-soon::after {
	content: " [coming soon]";
	color: #ff5c75;
	font-size: 12px;
}