@font-face {
	font-family: vazir;
	font-style: normal;
	font-weight: 100;
	src: url("../fonts/vazir/Vazir-Thin.eot");
	src: url("../fonts/vazir/Vazir-Thin.woff") format("woff"),
	url("../fonts/vazir/Vazir-Thin.ttf") format("ttf"),
	url("../fonts/vazir/Vazir-Thin.woff2") format("woff2");
}
body {
	background-color: black;
	color: white;
	& a:link {
		color: yellow;
	}
	& a:visited {
		color: red;
	}
}
.all {
	font-family: vazir;
	direction: rtl;
	width: 100%;
	& .side1 {
		width: 15%;
		text-align: right;
	}
	& .middle {
		width: 70%;
		text-align: center;
	}
	& .side2 {
		width: 15%;
	}
	& > .head {
		display: flex;
		& .side1 > * {
			position: fixed;
		}
	}
	& > .body {
		display: flex;
		flex-direction: row;
		border-top: solid 1px;
		border-bottom: solid 1px;
		& .side1 {
			width: 25%;
		}
		& .middle {
			width: 70%;
		}
		& .side2 {
			width: 5%;
		}
	}
	& > .foot {
		display: flex;
	}
	& .table {
		width: 95%;
		& .row {
			text-align: right;
			width: 100%;
			display: flex;
			& .cell {
				vertical-align: top;
				flex: 1;
			}
		}
	}
	& .pckg {
		width: 98%;
		margin: auto;
	}
	& .article {
		border-top: 1px yellow solid;
		border-bottom: 1px yellow solid;
		& p {
			text-align: justify;
			padding-right: 0.5em;
			text-indent: 1em;
		}
		& .title {
			& h1, h2, h3, h4, h5, h6 {
				line-height: 0.5em;
			}
			margin-bottom: 5em;
		}
		& .sign {
			& h1, h2, h3, h4, h5, h6 {
				line-height: 0;
			}
		}
		& > .body {
			text-align: right;
			& .album {
				width: 100%;
				display: grid;
				gap: 1px;
				grid-auto-flow: dense;
				grid-template-columns: repeat(2, 1fr);
				& img {
					width: 100%;
				}
				& .wide {
					grid-column-end: span 2;
				}
			}
			& table.poem {
				& td:first-child {
					text-align: right;
					padding-left: 2em;
				}
				& td:nth-child(2) {
					text-align: left;
					padding-right: 2em;
				}
			}
		}
	}
	& ol.zzz {
		counter-reset: items;
		& li {
			display: block;
			counter-increment: items;
		}
		& li:before {
			content: "00" counter(items)". ";
		}
		& li:nth-child(n+10):before {
			content: "0" counter(items)". ";
		}
		& li:nth-child(n+100):before {
			content: counter(items)". ";
		}
	}
}