:root {
	--light-green: #3DFFD1;
	--green: #0aea9e;
	--pink: #ff95e3;
	--shadow: #c4ddf3;

	--lightest: #fafafa;
	--lighter: #dfdfdf; /* +21% from light*/
	--light: #7f7f7f;
	--grey: #2f2f2f;
	--dark: #1f1f1f;
	--darker: #191919; /* -2% from dark */
	--darkest: #141414; /* -4% from dark*/
}

html, body {
	height: 100%;
	background-color: var(--grey);
}

p {
	color: var(--lightest);
}

.center {
	display: flex;
	justify-content: center;
}

.section {
	padding: 5rem 0 2rem;
}

.gameicon {
	width: 210px;
	max-width: 100%;
	height: auto;
	border-radius: 12%;
	box-shadow: 0 0 16px 2px rgba(10, 10, 10, 0.6);
	transition: transform 200ms ease, box-shadow 200ms ease;
}

.gameicon:hover,
a:focus-visible .gameicon {
	transform: translateY(-3px);
	box-shadow: 0 0 20px 3px rgba(100, 100, 100, 0.6);
}

.awesome-icon {
	font-size: 4rem;
	padding-left: 2rem;
	padding-right: 2rem;
	color: var(--green);
}

a.awesome-icon {
	text-decoration: none;
}