#main {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	animation: slideFromBottom 1s;
	text-align: center;
}



#pfp {
	border: 5px solid #9c9c9c;
	border-radius: 50px;
	margin-bottom: 50px;
	box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
}

#info {
	background: #575757;
	border: 5px solid #9c9c9c;
	border-radius: 50px;
	padding: 20px;
	opacity: 0;
	box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
	animation: fadeIn 1s linear 1.25s forwards;
}

#bio {
	margin-bottom: 20px;
}

#socials {
	margin-top: 20px;
}

.social-link img {
	width: 32px;
	height: 32px;
}

@-webkit-keyframes slideFromBottom {
	from {top: 120%;}
	to {top: 50%;}
}