/* Content */
.background {
	background-image: url('/background.avif');
	height: 80vh;
}

.banner {
	height: 40vh;
	width: 100%;
	margin-top: 30vh;
	text-align: center;
}

.filter {
	background: linear-gradient(rgba(var(--body), 0.6) 50%, rgba(var(--body), 1) 100%);
}

.filter img {
	height: auto;
}

.profile {
	width: 100%;
	text-align: center;
}

.profile img {
	width: 220px;
	border-radius: 50%;
}


/* Social */
.social {
	width: 100%;
	text-align: center;
}

.social a {
	width: 50px;
	display: inline-block;
	margin: 10px;
	padding: 5px;
	transition: all 0.3s;
}

.social img {
	width: 100%;
	filter: var(--neutral-img);
	transition: all 0.3s;
}

.social a:hover img {
	filter: var(--neutral-img);
	opacity: var(--selected);
}


/* Responsive */
@media only screen and (max-width: 600px) {
	.background {
		background-size: auto 100vh;
	}
}