:root {
--bkg:          var(--beige);
--text:         var(--brock);
}





.login 							{ color: #ddd; }
.login > *, input + label.login { opacity: 0.5; }
.stack           		{ background-color: black; color: var(--cream); }
.stack *[draggable]     { -webkit-filter: none; }
.stack > div > * 		{ position: absolute; top: auto; left: auto; right: auto; bottom: auto; margin: auto; }
.stack div .bkg 		{ object-fit: contain; }
.stack div .bkg img		{ object-fit: contain; }
.stack div .card 		{ left: 3em; bottom: 2em; text-align: left; }
.stack div .fb  		{ left: 3em; bottom: 7em; width: 7em; place-content: start; grid-template-columns: repeat(auto-fit, minmax(1em, auto)); grid-gap: 1em; }
.stack div .fb svg 		{ color: white; margin: 0; width: 1.3em; }
.player 			{ right: 2em; bottom: 3em; left: auto; color: var(--grey); min-width: 5em; width: unset; }
.player div *		{ -webkit-filter: none; }
.player svg 		{ width: 1.7em; color: #444; }
.hash 							{ display: grid; grid-template: auto calc(50vh - 5em) auto / 1fr 1fr; grid-gap: 1em; place-content: start; padding: 5em 0; min-height: 100vh; text-align: left; }
.hash h1  						{ font-size: 1.3em; margin: auto; text-align: center; grid-column: 1 / -1; padding: 0; }
.hash h1 svg 					{ padding: 0; margin: 0; width: 1em; top: 0.1em; color: var(--youSay); }
.hash > div  					{ height: 100%; width: 100%; position: relative; padding: 3rem; }
.hash > div:first-of-type  		{ grid-column: 1 / -1; padding: 0; }
.hash .stack  					{ }
.hash .tags                     { padding: 0 3em; grid-column: 1 / -1; }
.hash .tags span                { padding: 0.3em 0.6em; background-color: var(--cream); border-radius: 1em; margin-right: 0.5em; font-variation-settings: "wght" 450; }
.hash .tags span::before        { content: '#'; color: var(--youSay); }


.cnr.tr 			{ width: 15em; top: 4em; }	
.quote 				{ color: var(--grock); padding: 0 3rem 0 0; text-align: right; font-size: 1.8em; }