ul.blogroll {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 3rem;
	margin-top: 2rem;

	li.blog {
		display: grid;
		grid-template-columns: 80px 1fr;
		gap: 1.5rem;

		.blog-info {

			.name {
				font-size: 1.25rem;
				font-weight: 500;
			}

			ul.actions {
				display: flex;
				flex-direction: row;
				gap: 1rem;
				margin: 0;
				padding: 0;
				list-style: none;

			}

			.blog-tiny-feeds-command {
				padding: 0.5rem;
				border: 1px solid gray;
				margin-top: 1rem;

				.tiny-feeds-label {
					font-size: 0.85rem;
					font-weight: 300;
					margin-bottom: 0.5rem;
				}
			}
		}

	}
}

#random-latest-post {
	margin: 3rem 0;
	padding: 0.75rem;
	border: 1px solid gray;

	p {
		margin: 0 0 0.75rem 0;
		font-size: 0.8rem;
		font-weight: 500;
	}

	#random-post-title {

	}

	#random-post-author {
		font-size: 0.8rem;
		font-weight: 300;
		margin-bottom: 0.25rem;
	}

	#random-post-url {
		margin-top: 0.75rem;
		display: inline-block;
	}
}