:root
{
	--bg: #0f0f14;
	--panel: #1a1a24;
	--border: #2a2a3a;
	--accent: #8c03fc;
	--text: #e6e6ef;
	--muted: #a0a0b8;
}

body
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: var(--bg);
	color: var(--text);
}

.container
{
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px 60px 20px;
}

.header
{
	text-align: center;
	margin-bottom: 60px;
}

.header img
{
	max-width: 520px;
	width: 100%;
	margin-bottom: 20px;
}

.header h1
{
	margin: 0;
	letter-spacing: 1px;

	font-size: 20pt;
	font-family:
		"BankGothic Md BT Medium",
		"Bank Gothic",
		"Microgramma D Extended",
		"Eurostile",
		"Orbitron",
		"Arial Black",
		sans-serif;
}

.timeline
{
	position: relative;
	padding-left: 360px;
}

.timeline::before
{
	content: "";
	position: absolute;
	left: 260px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: var(--border);
}

.entry
{
	position: relative;
	margin-bottom: 55px;
	padding: 22px 24px;
	background: var(--panel);
	border: 1px solid var(--border);
	border-radius: 6px;
}

.entry::before
{
	content: "";
	position: absolute;
		left: -107px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: var(--accent);
	border-radius: 50%;
}

.entry-date
{
	position: absolute;
	left: -360px;
	top: 50%;
	transform: translateY(-50%);
	width: 220px;
	text-align: right;
	font-size: 20pt;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}

.version
{
	font-size: 15pt;
	font-weight: bold;
	margin-bottom: 8px;
}

.features
{
	margin: 0 0 12px 0;
	padding-left: 18px;
}

.features li
{
	margin-bottom: 6px;
	font-size: 10.5pt;
}

.changelog
{
	margin-top: 10px;
}

.changelog a
{
	display: inline-block;
	padding: 8px 14px;
	background: var(--accent);
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
}

.changelog a:hover
{
	opacity: 0.85;
}

@font-face
{
	font-family: 'PricedownBl-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('PricedownBl-Regular'), url('resources/font/pricedown bl.woff') format('woff');
}
