.home-hero {
  margin: 0 auto 0rem;

}

.home-hero__media {
  overflow: hidden;
  border-radius: 0.5rem;
  background: #f3f3f3;

  img {
	display: block;
	width: 100%;
	max-height: 28rem;
	object-fit: cover;
	margin-bottom:0;
  }

  .home-hero__copy {
	padding: 1rem 0 0;

	h1 {
		margin: 0 0 0.5rem;
	  }

	p {
		margin: 0;
		max-width: 48rem;
	}
  }
}

:root {
	--grey:#3d3d3d;
	--gray:#3d3d3d;
}

.logo {
	width:60px;
}

.nav_brand {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.nav_brand_text {
	font-weight: 600;
	white-space: nowrap;
}

@media screen and (min-width: 42rem) {
	main {
		margin:0 2rem;
	}
	.content {
		padding-top:5rem;

		.posts {
			margin-top:0;
		}
	}
}
.footer {
	background: #f3f3f3;

	width:100vw;
	background:var(--grey);
	background-image: url("https://static.quaint.house/images/black_noize.svg");
	min-height: 300px;
	padding: 20px 20px 60px 20px;

	.projects-list {
		a {
			text-decoration: underline;
			color: var(--light);
			transition: color 0.2s ease;
			&:hover {
				color: hsl(0deg 70.4% 45.01% / 87%);
			}
		}
	}
}

.post-it-figure {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 3rem;

	img {
		border-radius: 2rem;
		corner-shape:bevel;
		width:80%;
		margin:0;
	}
}

.post_share .reddit {
	transition: color 0.2s ease;
}

.post_share .reddit .icon {
	transition: fill 0.2s ease;
}

.post_share .reddit:hover,
.post_share .reddit:focus-visible {
	color: #ff4500;
}

.post_share .reddit:hover .icon,
.post_share .reddit:focus-visible .icon {
	fill: #ff4500;
}