:root {
	--bkg: 		var(--blk-pink);
	--lowbkg: 	var(--low-pink);
	--text:  	var(--light);
	--link: 	var(--cafe);
	--hover: 	var(--cafli);
	--textaction: var(--white);
}


.backdrop 		{ top: 28%; bottom: auto; font-size: 5em; }
.backdrop b		{ font-size: 0.9em; }


.lines h3 					{ color: var(--grock); font-variation-settings: "wght" 650; border: none; line-height: 1em; }
.lines h3::before 			{ content: '// '; }

.lines .thumbs li.newObj 	{ color: var(--grock);  }


.logos   		{ grid-template: repeat(auto-fit, 8em) / repeat(auto-fit, 8em); margin: 1em auto; }
.logos li 		{ aspect-ratio: 1 / 1; background: url(../icons/puzzle-piece.svg) no-repeat 0em 0em; background-size: 8em;  }
.logos li a   	{ display: contents;  }
.logos a h4  	{ max-width: 8em; font-size: 0.9em; font-variation-settings: "wght" 200; }


@media only screen and (max-width: 768px) {

	.backdrop 		{ top: 30%; font-size: 4em; }

}


@media only screen and (max-width: 609px) {

	.backdrop 		{ top: 28%; font-size: 2.5em; }

}