<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Access to the site is blocked</title>
	<style>
		body {
			background-color: #f2f5f9;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
			font-size: .85rem;
			margin: 0;
		}

		a {
			color: #d26c22;
			text-decoration: none;
		}

		a:hover {
			color: #d26c22;
			text-decoration: underline;
		}

		a:focus {
			color: #d26c22;
			text-decoration: none;
		}

		.post {
			background-color: #fff;
			border-radius: 3px;
			border-top: 5px solid #0976b4;
			margin: 100px auto;
			max-width: 700px;
			width: 95%;
			height: auto;
			box-sizing: border-box;
			box-shadow: 0 5px 12px rgba(126, 142, 177, .2);
		}

		.post-title {
			margin-top: 5px;
			margin-left: 20px;
			margin-right: 20px;
			margin-bottom: 10px;
			color: #333;
			font-size: 1.3rem;
			font-weight: bold;
			border-bottom: 1px solid #ECECEC;
			padding: 5px 0 10px 0;
		}

		.post-content {
			margin-left: 20px;
			margin-right: 20px;
			padding-bottom: 20px;
			line-height: 160%;
			text-align: justify;
			word-wrap: break-word;
		}

		hr {
			border: 0;
			border-top: 1px solid #eee;
			height: 1px;
			margin: 5px 0 5px 0;
		}
	</style>
</head>

<body>
	<div class="post">
		<div class="post-title">Access to the site has been blocked for you</div>
		<div class="post-content">
		<p>Access to the site has been temporarily blocked for you due to administrative reasons. The following reasons have been provided:</p>
		<p>{description}</p>
		<p>The deadline for the end of the lock: {end}</p>
		[banned-from]<p>The lock was issued by the administrator: <b>{banned-from}</b></p>[/banned-from]
		<p>ЭThis is a fully automatic blocking process and you are not required to do anything to speed it up or stop it.</p>
		</div>
	</div>
</body>

</html>