/*
	links page styles
	1ost.dev
*/

#links { color: white; }

#links main {
	display: grid;
	grid-template:	auto min-content / 2fr 3fr 1.2fr;
	background-image: url("/images/backgrounds/stars2.gif");
	background-color: black;
}

#steam-prof {
	grid-area: 1 / 2;
	position: relative;
	object-fit: cover;
	object-position: 20% 50%;
	height: 320px;
	left: -4rem;
	top: 1rem;

	z-index: 10;
}

#newgroun {
	grid-area: 1 / 2;
	position: relative;
	object-fit: cover;
	object-position: 20% 0%;
	height: 300px;
	width: 260px;
	left: 6rem;
	top: 8rem;

	z-index: 10;
}

#main {
	grid-column: 1;
	font-size: 1.5em;
}

#other {
	grid-column: 3;
	font-size: 1.25em;
}

#contact {
	grid-row: 2;
	font-size: 1.25em;
}

#links li {
	backdrop-filter: brightness(0);
	width: fit-content;
	border-radius: .25rem;
	padding: .25rem;
}

#links a {
	text-decoration: none;
}

#links h2 {
	font-size: 2rem;
	font-family: "Dream Orphans";
	font-weight: bold;
}
#links h3 {
	font-size: 1.75rem;
	font-family: "Dream Orphans";
	font-weight: bold;
}

#links li { margin-block: .25rem; }