/* @override 
	http://bananas.lararala.com/3d/css.css
	http://bananas.lararala.com/pv4-2/css.css
	http://platanosvioladores.cc/css.css
*/

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('chunkfive-webfont.eot');
	src: local('☺'), url('chunkfive-webfont.woff') format('woff'), url('chunkfive-webfont.ttf') format('truetype'), url('chunkfive-webfont.svg#webfontWeKI6EWc') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #221c1a;
	-webkit-transition: all 600ms ease-in;
	-webkit-user-select: none;
	text-rendering: optimizeLegibility;
	cursor: default;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #221c1a;
	-webkit-transition: all 600ms ease-in;
	-webkit-user-select: none;
}

nav {
	font-family: ChunkFiveRegular, arial, "sans serif";
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	top: 35%;
}

nav ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

nav li {
	display: inline;
}

nav a {
	color: #fffeff;
	font-size: 30px;
	text-shadow: #000 1px 1px 0;
	-webkit-transition-property: color,opacity;
    -webkit-transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in;
	text-decoration: none;
}

nav a.active {
	color: #fff;
	text-decoration: underline;
}

nav ul a.active:before {
	opacity: 0.05;
}

nav a.inactive {
	opacity: 0.2;
	color: #fff;
}

.tw a {
	color: #8ec1da;
}

.qm a {
	color: #4e8ab5;
}

.ib a {
	color: #fbdb54;
}

.yt a {
	color: #0063dc;
}

.wk a {
	color: #e41c54;
}

.cp a {
	color: #c90019;
}

.bg-tw {
	background: #8ec1da;
}

.bg-qm {
	background: #4e8ab5;
}

.bg-ib {
	background: #fbdb54;
}

.bg-yt {
	background: #ff0084;
}

.bg-wk {
	background: #e41c54;
}

.bg-cp {
	background: #c90019;
}

nav ul li:before {
	content: '/ ';
	color: #fff;
	opacity: 0.2;
	font-size: 30px;
}

nav ul li:first-child:before {
	content: '';
}

*[irrelevant] {
	display: none;
}

@media all and (max-width: 900px) {
	nav a {font-size: 20px;}
	nav ul li:before {font-size: 20px;}
}

@media all and (max-width: 600px) {
	nav a {font-size: 15px;}
	nav ul li:before {font-size: 15px;}
}

@media all and (max-width: 350px) {
	nav a {
		font-size: 32px;
		display: block;
		float: none;
		clear: both;
		padding: 6px 6px 6px 10px;
		text-align: left;
		border-bottom: 1px solid rgba(255,254,255,0.18);
	}
	
	nav ul li:before {
		content: '';
	}
	
	nav ul, nav, nav li {
		margin: 0;
		padding: 0;
	}
	
	nav {
		top: 0;
	}
}