/* Just a Blog default CSS
	 * 
	 * It's only supposed to be marginally pretty. Sorry.
	 */

body {
	padding-left: 10%;
	padding-right: 10%;
	color: #565e65;
	background-color: #f3f4f5;
}

a, a.visited {
	color: #95c7ae;
}

a.active {
	color: #ae95c7;
}

h1 {
	color: #565e65;
}

h2 {
	color: #565e65;
}

h3 {
	color: #565e65;
}

ul.nav {
	list-style-type: none;
	padding-left: 0;
}

	.nav > li {
		display: inline;
	}

ol {

}

li {

}

p {

}

pre {
	border: 5px solid #c7ae95;
	background-color: #c795ae;
	margin-left: 5%;
	margin-right: 5%;
	padding: 5px;
}

div {

}

img {
	max-width: 100%;
}

#mainText {
	max-width: 80ch;
}

#footerContainer {
}

#footerLeft {
	float: left;
	vertical-align: top;
}

#footerRight {
	text-align: right;
	vertical-align: top;
}

#nav {
	text-align: right;
	width: 100%;
}

@media(prefers-color-scheme: dark) {

	body {
		padding-left: 10%;
		padding-right: 10%;
		color: #a574b7;
		background-color: #0c050f;
	}
	
	a, a.visited {
		color: #c5a7d1;
	}
	
	a.active {
		color: #f85991;
	}
	
	h1 {
		color: #d05af1;
	}
	
	h2 {
		color: #d05af1;
	}
	
	h3 {
		color: #d05af1;
	}
	
	ul.nav {
		list-style-type: none;
		padding-left: 0;
	}
	
		.nav > li {
			display: inline;
		}
	
	ol {
	
	}
	
	li {
	
	}
	
	p {
	
	}
	
	pre {
		border: 5px solid #c7ae95;
		background-color: #c795ae;
		margin-left: 5%;
		margin-right: 5%;
		padding: 5px;
	}
	
	div {
	
	}
	
	img {
		max-width: 100%;
	}
	
	#mainText {
		max-width: 80ch;
	}
	
	#footerContainer {
	}
	
	#footerLeft {
		float: left;
		vertical-align: top;
	}
	
	#footerRight {
		text-align: right;
		vertical-align: top;
	}
	
	#nav {
		text-align: right;
		width: 100%;
	}
}