body {
	background-color: #121212;
	color: #ded4ff;
	font-family: "Baskerville Normal";
	font-size: clamp(1rem, 0.8rem + 1vw, 1.25rem);
}

.container {
	width: min(90%, 65ch);
	margin: 0 auto;
	margin-bottom: 10%;
}

#blog-list-ul {
	list-style-type: none;
	padding-left: 0;
}

.blog-list-li {
	display: flex;
	justify-content: space-between;
	padding: 1em;
	border-style: solid;
	border-width: 1px;
	border-color: #bdbab7;
}

#blog-title {
	display: flex;
	justify-content: space-between;
}

code {
	font-family: "Iosevka";
}

pre {
	overflow-x: auto;
	max-width: 100%;
	border-radius: 10px;
}

img {
	width: 100%;
}

nav a {
	&:link {
		color: #bdbab7;
		text-decoration: none;
	}
	&:visited {
		color: #bdbab7;
	}
	&:hover {
		color: #b4c4e2;
	}
}

a {
	&:link {
		color: #fac8f2;
		text-decoration: none;
	}
	&:visited {
		color: #fac8f2;
	}
	&:hover {
		color: #b4c4e2;
	}
}

nav {
	background-color: #121212;
	font-family: "Iosevka", serif;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #bdbab7;
}

footer {
	background-color: #12141b;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 16px;
}

footer p {
	margin: 1px;
}