@font-face {
	src: url("font/Vazir-Code.ttf");
	font-family: "Vazir Code";
}

@font-face {
	src: url("font/Vazirmatn-Regular.ttf");
	font-family: "Vazir";
}

body {
	font-family: sans-serif ;
	background: #110000 ;
	color: #ccc ;
}

main {
	max-width: 800px ;
	margin: auto ;
}

img {
	max-width: 100% ;
	padding-top: 1rem ;
	padding-bottom: 1rem ;
}

video {
	max-width: 100% ;
	padding-top: 1rem ;
	padding-bottom: 1rem ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}

table {
	border-collapse: collapse;
	border: 1px solid #364150;
	text-align: left;
	width: 100%;
}

table th,td {
	background-color: #29313d;
	border-right: solid 1px #364150;
	border-bottom: solid 1px #364150;
	padding: 5px;
}

code {
	font-family: 'Vazir Code';
}

pre {
	padding: 0.5rem ;
	background-color: #272822;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}

.important {
	background-color: #222832 ;
}

.important span {
	background-color: #652a02 ;
	color: #c3d6dd ;
	margin-right: 0.5rem ;
}

.important p {
	padding: 0.5rem ;
}