footer {
	background-color: var(--colorDark);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 -2px 2px rgba(0,0,0,.5);
	padding: 10px 0;
}
.footerInside {
	font-family: var(--fontDisplay);
	display: grid;
	align-items: center;
	grid-template-columns: repeat(2,1fr);
}
.footer1 {
	display: grid;
	grid-template-rows: repeat(6,20px);
	justify-content: start;
}
.footer1 > a {
	transition: all .2s ease-in-out;
	text-decoration: none;
	color: var(--colorGrey);
	font-size: small;
	transform: scale(1);
	transform-origin: left;
}
.footer1 > a:hover {
	color: var(--colorLight);
	transform: scale(1.2);
}
.footer2 {
	justify-self: end;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 1fr;
}
.dim {
	grid-column: 2/3;
	grid-row: 1/1;
	opacity: 1;
}
.lit, .litA {
	grid-column: 2/3;
	grid-row: 1/1;
	opacity: 0;
}
.footer2 .dim,
.footer2 .lit {
	transition: opacity 0.3s ease-in-out;
}
.footer2 .dim:hover {
	opacity: 0;
}
.footer2 .lit:hover {
	opacity: 1;
}