html, body, h1, h2, h4, p, a {
	padding:0;
	margin:0;
	text-decoration:none;
	color:#eee;
}

body {
	display:flex;
	min-height:100vh;
	flex-direction:column;

	background:
	    radial-gradient(circle at 20% 30%, #1b1f2a, transparent 40%),
    	    radial-gradient(circle at 80% 70%, #0f2a24, transparent 40%),
    	    linear-gradient(180deg, #0b0d12, #0f1117);
}

main {
	flex:1;
}

.site-header {
	width:100%;
	height:60px;
	background-color:black;
	color:white;
}

.header-inner {
	max-width:1100px;
	margin:0 auto;
	padding:8px 20px;

	display:flex;
	align-items:center;
	justify-content:space-between;
}

.site-title {
	font-size:20px;
	font-family:Courier;
}

nav a {
	margin:0 10px;
	font-size:18px;
}

nav a:hover, .support:hover, .site-title a:hover {
	color:#fff8dc;
}

.content {
	color:black;
	max-width:1050px;
	margin:20px auto;
}

.page-content {
	flex:1;
	padding:15px;
	margin:20px;
	background-color:#faf9f6;
	border-radius:5px;
}

.page-content h2 a, .page-content > h2, .page-content p {
	color:black;
}

.post-preview-content {
	display:flex;
	justify-content:space-between;
}

.post-preview-content img {
	max-width:300px;
	max-height:250px;
}

.content .post-content h4 {
	margin:0;
	padding:0;
	color:#222
}

hr {
	border:none;
	height:1px;
	background-color:#bbb;
}

.paypal {
	margin:20px;
	font-size:15px;
}

.referrals p {
	margin:20px;
}

footer {
	background-color:black;
	color:white;
	padding:20px 0;
}

.footer-inner {
	max-width:1100px;
	margin:0 auto;
	padding:8px 20px;

	display:flex;
	align-items:center;
	justify-content:space-between;
}

.rumble {
	width:200px;
	margin:0 auto;
}

.support-method ul li {
	list-style-type:none;
}

.support-method h2, .support-method a, .support-method ul li a {
	color:black;
}

article {
	background-color:white;
	border-radius:5px;
	padding:15px;
}

article p, article > h2 {
	color:black;
}

article p {
    line-height: 1.6;
}

article img {
	max-width:100%;
	height:auto;
}

.privacy-link {
	margin-top:10px;
	margin-left:5px;
}

.privacy-link a, .t {
	color:black;
	text-decoration:none;
}

.post-tags {
	margin-top: 0.5rem;
}

.tag {
	display:inline;
	margin-right:0.5rem;
	font-size:0.85rem;
	color:#666;
	text-decoration:none;
}

.tag:hover {
	text-decoration:underline;
}

.site-nav {
	display:flex;
	gap:20px;
}

.nav-toggle {
	display:none;
	background:none;
	border:none;
	color:white;
	font-size:1.8rem;
	cursor:pointer;
}

@media (max-width:768px) {
	.nav-toggle {
		display:block;
	}

	.site-nav {
		position:absolute;
		top:100%;
		right:0;

		background:black;
		flex-direction:column;
		gap:0;

		width:200px;
		padding:10px 0;

		display:none;
	}

	.site-nav a {
		padding:10px 20px;
	}

	.site-nav.open {
		display:flex;
	}

	.header-inner {
		position:relative;
	}

	article {
		margin-bottom:1rem;
	}

	.footer-inner {
		flex-direction:column;
		justify-content:flex-start;
		gap:0.75rem;
		align-items:center;
		text-align:center;
	}

	.footer-inner P {
		padding:0.25rem 0;
	}

	.rumble, footer-inner img {
		display:block;
	}

	.footer-inner img {
		margin:1.25rem 0;
	}

	.post-preview-content {
		flex-direction:column-reverse;
	}

 }