#about{
	min-height: calc( 100vh );
	justify-content: center;
	background: linear-gradient(
					90deg,
					rgba(  0,  0,  0, 0.0 ) 25%,
					rgba( 20, 20, 20, 0.5 ) 50%
				),
				url( /website/images/bio.jpg );
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 40% 40%;
	background-attachment: fixed;
}
#aboutContainer{
	display: flex;
	justify-content: flex-end;
}
#aboutCard{
	display: flex;
	flex-direction: column;
	gap: 60px;
	width: 60%;
	max-width: 2000px;
}
#aboutCard h1, #aboutCard p{
	color: 	var(--white);
	text-align: center	!important;
}

@media (max-width: 1280px){
	#about{
		background: #EEE;
	}
	#aboutCard{
		width: 100%;
	}
}


#aboutSplash{
	display: none;
	max-height: 50vh;
	overflow: hidden;
}
#aboutSplash img{
	width: 100%;
	height: auto;
	margin: auto;
	object-fit: cover;
}
@media (max-width: 1280px){
	#aboutSplash{
		display: block;
	}
	#aboutCard h1, #aboutCard p{
		color: var(--black);
	}

}





/** ERROR **/
#error{
	height: calc( 100vh - 100px );
}





/** BRAND COLORS **/
.socialIcon_instagram:hover{ background-color: #FB3958 }
.socialIcon_facebook:hover{ background-color: #3B5998 }
.socialIcon_bluesky:hover{ background-color: #208BFE }
.socialIcon_twitter:hover{ background-color: #00ACEE }
.socialIcon_linkedin:hover{ background-color: #0E76A8 }
.socialIcon_youtube:hover{ background-color: #C4302B }
.socialIcon_google:hover{ background-color: #DD4B39 }
.socialIcon_android:hover{ background-color: #A4C639 }
.socialIcon_artstation:hover{ background-color: #4BB2ED }
.socialIcon_reddit:hover{ background-color: #C6C6C6 }
.socialIcon_github:hover{ background-color: #171515 }
.socialIcon_steam:hover{ background-color: #111111 }
.socialIcon_vimeo:hover{ background-color: #86C9EF }