@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;500;600;700;900&display=swap');


body {
	margin: 15pt 75pt;
	font-family: 'Inconsolata', monospace;
	font-weight: 500;
	font-size: large;
	line-height: 1.3;
}

.wrapper {
	margin: 0pt auto;
	max-width: 1080pt;
}



.navHeader {
	color: gray;
	margin-bottom: 20pt;
}

.navHeader .subtitle {
	margin-top: 0;
}

.navHeader h1 {
	margin-bottom: 0;
}

.navHeader a {
	color: gray
}

.categoryListing a {
	border: thin solid grey;
	padding: 2pt;
}

.postMetadata {
	margin: 20pt 16pt 18pt 16pt;
	font-weight: 300;
}

.postMetadata p {
	margin: 0
}

.tags {
	margin: 4pt;
	padding: 0pt 0pt 8pt 0pt;
	line-height: 2.5;
}

.tags a {
	color: #444444;
	background-color: #e0e0e0;
	padding: 4pt;
	margin: 4pt 0pt 0pt 3pt;
	border-radius: 7pt;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.postTitle a {
	color: currentColor;
}

.article, .postListing {
	border: 0.5pt solid black;
	border-radius: 15pt;
	padding: 5pt 20pt;
}

.article {
	background-color: white;
}

.category-mental-health {
	background-color: #EDE8FF;
}

.category-religion {
	background-color: rgba(255, 142, 142, 0.1);
}

.category-smart-home {
	background-color: #e5f6fd;
}

.postListing {
	margin-bottom: 15pt;
}

img {
	max-width: 100%;
}

td {
	background-color: rgba(255, 255, 255, 0.5);
	margin: 10pt;
	text-align: center;
	padding: 5pt;
}

@media (max-width: 600pt){
	body {
		margin: 15pt 25pt;
	}
}

@media (max-width: 300pt) {
	body {
		background-color: white;
		margin: 5pt;
	}
	
	.article {
		border: none;
		padding: none;
		border-radius: 0
	}
}

@media (prefers-color-scheme: dark) {
	body {
		color: #C7C2BF;
		background-color: #312f2f;
	@import url(
		'https: //fonts.googleapis.com/css2?family=Inconsolata&display=swap');
	}
	
	a {
		color: #6487C9;
	}
	
	.article {
		background-color: #312f2f;
	}

	.article, .postListing {
		border-color: #C7C2BF;
	}

	.category-mental-health {
		background-color: #3C384A;
	}

	.category-smart-home {
		background-color: #282f33;
	}
	
		@media (max-width: 300pt) {
		body {
			background-color: #312f2f;
		}
	}

	td {
		background-color: rgba(1, 1, 1, 0.5);
	}
}