:root {
	--green: #45c7f4;
}


.bodyWrapper{
	background: linear-gradient(180deg, rgba(0,0,0,0.2) 10%, transparent 30%);
}

.splashWrapper{
	min-height: calc(100vh);
	display: flex;
	justify-content: center;
	align-items: center;
}

.splash{
	max-width: 80%;
	margin-top: 2em;
	margin-bottom: 2em;
}

.splash img{
	width: 600px;
}

hr {
	border-top: 2px solid #ccc;
	width: 80%;
}

a,
a:link,
a:visited{
	color: #aaa;
}
a:hover,
a:active{
	color: #fff;
}

#linksSection {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: rgba(0, 0, 0, 0.15);
}


/* Links Grid */

.linksGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
}


.linksGrid .linkItem {
	display: flex;
	align-items: center;
	justify-content: center;
	/*border: 1px solid #aaa;*/
	padding: 2rem;
}


.linksGrid .linkItem img {
	opacity: .7;
	transition: all .3s;
	max-height: 200px;
}

.linksGrid .linkItem img:hover {
	opacity: 1;
}