#social {
	display:flex;
	align-self:center;
	justify-content:center;
}

.link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1vw;
}

.sauce {
	width: 100%;
	list-style: none;
	image-rendering: auto;
	/* margin: .5vw; */
	padding: .5vw;
	height: 2.5vw;
	width: 2.5vw;
	border: var(--border);
	border-radius: var(--alt-border-radius);
	--aug-border-all: .1vw;
	--aug-border-bg: var(--border-color-alt);
	background-color: var(--sauce-bg-color);
	font-family: "Good Times";
	overflow: hidden;
	transition: ease-in-out 150ms
}

.sauce li {
	font-size: 1.5vw;
	margin: 0;
	padding: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-items: center;

}

.sauce:hover li {
	color: var(--main-fg-color)
}

.sauce:hover li img {
	filter: hue-rotate(-70deg)
}

.sauce:hover {
	transform: scale(1.2);
	border-color: var(--border-color);
	--aug-border-bg: var(--border-color);
	background-color: var(--alt-bg-color2);
	text-decoration: none
}

.sauce:active{
	transform: scale(0.8);
}

@media only screen and (max-width: 1100px) {
	.link.sauce {
		max-width: 1vw;
		min-width: 1vw;
		list-style: none;
		margin: 1vw;
		padding: 4vw;
		width: 1vw;
		height: 1vw
	}

	.link li {
		font-size: 6vw
	}

}