body::before {
	opacity: 0.1;

	background-image: url("/assets/bg/cynosure.webp");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#intro {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;

	padding: 5px;
	margin: 10px 15px;
}

#intro b {
	font-size: 2rem;
}
#intro i {
	font-size: 1.5rem;
}

#intro img {
	/*float: right;*/
	width: 150px;

	/*animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: spin;
	animation-duration: 30s;*/

	opacity: 1;
}
/*@keyframes spin {
	0%	{
		rotate: 0deg;
	}
	100% 	{
		rotate: 360deg;
	}
}*/
hr {
	opacity: 0.5;
	margin: 10px 10px;
	width: 30rem;
}

#post-list {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 1rem;

	overflow-x: hidden;
}
#post-list .post {
	text-align: justify;
}
#post-list .post:nth-child(odd) h2 {
	text-align: left;
	margin-left: 50px;
}
#post-list .post:nth-child(even) h2 {
	text-align: right;
	margin-right: 50px;
}

#post-list .post img {
	margin: 10px 25px;
	max-width: 70%;
}

#post-list .post p {
	margin-left: 50px;
	margin-right: 50px;
}	

#post-list .post:nth-child(odd) img {
	float: right;
	margin-right: 0;
}
#post-list .post:nth-child(even) img {
	float: left;
	margin-left: 0;
} 

/*#post-list .post::before {
  	content: "~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~";
	white-space: nowrap;
	overflow: hidden;
	text-overflow: "";
  	width: 75%;
	margin: 10px auto;
  	opacity: 0.5;
	font-size: 2rem;
}*/
/*#post-list .post:nth-child(1)::before {
  	content: unset;
}*/