@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css');

:root {
	--background: #17171a;
	--foreground: #91949c;
	--accent: #e2394d;
}

body {
	background: var(--background);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 60px;
	height: 100vh;
}

.container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
}

a {
	color: var(--foreground);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 25px;
	font-size: 50px;
	text-decoration: none;
	transition: .5s;
}

a:hover {
	color: var(--accent);
	transform: scale(1.15);
	transition: .3s;
}

@media screen and (max-width: 600px) {
	a {
		width: 40px;
		height: 40px;
		margin: 20px;
		font-size: 40px;
	}
}