@charset "utf-8";
/* CSS Document */

/* background by geometrieva */
body {background: url('/stripes-light.png') #ffffff; 
}

h1 {font-family:staatliches,sans-serif; 
	color:darkturquoise; font-size:34px; font-weight:bold;
	text-shadow: 2px 2px 0px rgba(0,50,200,.3);
	line-height:36px; margin:0px;
	text-transform:uppercase;}
h2 {font-family: staatliches,sans-serif;
	font-size:35px; text-transform:uppercase;
	color:red; letter-spacing:1px; line-height:28px; margin-top:2px; margin-bottom:-1px;
	background: -webkit-linear-gradient(left,#781819,#ff3636);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
h3 {font-family: oswald,sans-serif;
	font-size:18px; text-transform:uppercase;
	color:coral; letter-spacing:1px; line-height:20px; margin:2px;
	background: -webkit-linear-gradient(right,purple,darkturquoise);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

a {text-decoration:none; color:#a72223; transition:linear .6s; font-size:8px;  text-transform:uppercase;letter-spacing:.5px;}
a:hover {text-decoration:none; color:#541213; font-weight:bold;}
b {color:#666; text-transform:uppercase; font-size:11px; letter-spacing:.5px;}
kw {color:#ff3636;font-weight:bold;text-transform:uppercase; font-size:10px; letter-spacing:.5px;}
hr {border:1px solid; border-image: linear-gradient(to left, transparent,#c7c7c7,#c7c7c7) 10; margin:0px; margin-bottom:3px;}

#contain {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#container {
  width: 600px;
  margin-right: auto;
  margin-left: auto;}

.header {text-align:right; text-transform:uppercase; width:800px;
        font-family: 'chango',sans-serif; font-size:40px; line-height:30px; margin-top:35px;
		color:#541213; text-decoration:none;
		text-shadow: 2px 2px 2px c7c7c7; display:block;}
		
.header2 {text-align:right; text-transform:uppercase; width:600px;
font-family: 'chango',sans-serif; font-size:40px; line-height:30px; margin-top:35px;
color:#541213; text-decoration:none;
text-shadow: 2px 2px 2px c7c7c7; display:block;}

#nav {width:100%; background:transparent; left:0px; margin-bottom:23px; height:30px; display:block;}
#navlinks {width:600px; margin-left:auto;margin-right:auto;}
#navlinks ul {margin:0; padding:0;}
#navlinks li {display:inline-block; float:left; }
#navlinks li a{float:left;display:inline-block; padding:4px 0 4px 0; background:rgba(255,255,255,.25);
	color:#fff; font-size:10px; line-height: 12px; border: #fff 1px solid;
	font-family:consolas,inconsolata,menlo; letter-spacing:2px;
	text-transform:uppercase; width:110px; text-align:center; text-decoration:none;
	transition: all .75s; margin:4px; font-weight:400;}
#navlinks li a:hover{color:indigo; text-decoration:none; background:white;}

.article {
	background-color: rgba(255,255,255,.95); text-align:justify;
	display: block;
	padding: 6px;
	box-shadow: 5px 6px 0px rgba(0,0,0,.2);
	border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; 
	border-bottom: 3px solid #000; border-image: linear-gradient(to right, #541213,#a72223,#c7c7c7) 10;
	margin-bottom:20px;
	font-family: open sans, sans-serif; font-size: 12px; line-height: 12px; color: #222;

}

::-webkit-scrollbar-track {
	background-color: transparent;
}
::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(64,224,208,.5);
	border: 0;
	border-radius:4px;
}

/* cursor from ~tentacool */
body, a {cursor:url(https://i.imgur.com/h2zNor5.png), default;}
a:hover {cursor:url(https://i.imgur.com/6GAtOYA.png), default;}