.page-content.home {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	min-height: 100%;
	justify-content: center;
}

@media (min-width: 768px) {
	.page-content.home {
		margin-left: 10%;
		align-items: center;
		justify-content: start;
	}
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	background: url("../img/logo.svg") no-repeat center / 90vw auto;
	opacity: 0.3;
	pointer-events: none;
	z-index: -1;
	background-position: center 25%;
}

@media (min-width: 768px) {
	body::before {
		background-position: calc(100% + 25vw) center;
		background-size: 70%;
	}
}

.page-content.home .hero {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: min(100%, 36rem);
}

.page-content.home .hero .header {
	margin: 0 0 1.5rem !important;
}

.page-content.home .hero .oauth-login-link {
	width: 100%;
	box-sizing: border-box;
}

html[data-theme*="dark"] body::before,
html[data-theme="forgejo-dark"] body::before {
	filter: invert(1);
}

@media (prefers-color-scheme: dark) {
	html[data-theme="forgejo-auto"] body::before {
		filter: invert(1);
	}
}