@use 'colours';

.footer {
	width: 100%;
	height: 100px;
	border-top: 1px solid #eaeaea;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer a:hover {
	color: #0070f3;
}

.footer a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	color: #eaeaea;
}

.grid-2 {
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: 1fr 1fr;
}

.grid-3 {
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 600px) {
	.grid-3 {
		width: 90%;
		grid-template-columns: 1fr 1fr;
	}
}
