/* CONTACT  */
.contact-container {
	display:flex;
	flex-wrap:wrap;
	max-width:768px;
	margin:0 auto;

	align-items: center;
  justify-content: center;
}
.contact-container .avatar-container {
	flex:1;
}
.contact-links {
	flex:2;
}

.contact-links {
	width:220px;
	padding:0;
	list-style: none;
}

.contact-links li {
	text-align:center;
	margin:20px 0;
}

.contact-links li a {
	display:inline-block;
	padding: 4px 0;
	width:100%;
	background:light-dark(var(--light-main-text), var(--dark-main-text));

	color:light-dark(var(--light-main-bg), var(--dark-main-bg));
	font-size:16px;
	text-decoration:none;
	font-weight:600;

	transition-timing-function: var(--timing-bounce);

	transition-property:all;
	transition-duration:300ms;
}

.contact-links li a:hover {
	transform: translate(-4px, -4px);
	box-shadow:8px 8px 0 light-dark(var(--light-main-bg), var(--dark-main-bg));
}

#contact-avatar {
	transform:scale(1.25);
	transition:transform 300ms var(--timing-bounce);
	transform-origin: center center;
}
#contact-avatar.dead {
	transform:scale(1.25) rotate(15deg);
}
#contact-avatar.pressed {
	transform:scale(1.1);
}

@media (max-width:768px) {
	.contact-container {
		flex-direction:column;
	}
}