:root {
	--bg-color: #24273a;
	--text-color: #59a685;
	--border-color: #181926;
	--frame-color: #d6b9f8;
	--blue: #8aadf4;
}


body {
	background-color: var(--bg-color);
	font-family: "Zilla Slab";
	color: var(--text-color);
}

a {
	text-decoration: none;
}

.pinned-false {
	display: none;
}

.pinned-true {
	float:right;
}

a:link{
	color: var(--text-color);
}

a:visited{
	color: var(--text-color);
}

a.return{
	float: right;
	font-size: 2.5vw;
	font-weight:bold;
}

hr
{
	border: none;
	height: .5vw;
	background-image: linear-gradient(90deg, #000000 0%, var(--border-color) 50%, #000000 100%);
}

p.title{
	font-size: 3vw;
	font-weight: bold;
}

article h1{
 font-size: 3vw;
}

article p{
 font-size: 1.5vw;
}

article h2{
 font-size: 1.5vw;
}

article li {
 font-size: 1.5vw;
}

article ul {
 list-style-image: url("/static/assets/bullet.svg");
}

div.post {
	padding-left: 1vw;
	border: 2px solid var(--border-color);
	border-right-color: transparent;
	border-left-color: transparent;
	margin-top: 1vw;
	background-image: linear-gradient(90deg,var(--blue)-2%,var(--blue).5%, var(--frame-color) 1%);

}

h1.htitle{
	text-align: right;
	text-size: 6vw;
}

h2.post-title{
	
}