:root
{	
	--show-back:#101224;
	--show-back:#081824;
	--show-h1:RGBA(255,255,255,.25);
	--show-glass:RGBA(255,255,255,.03);
	--show-high:#8FF;
	--show-pen:#EEE;
}

task.hosted
{ 	font-family:kanit;
	color:#B0B4B8;	
}

task.hosted sup { color:var(--show-high); } /* date */ 

/* BLOGR - rounded */

article.blogr { border-radius:1rem; }
article.blogr img { border:none; border-radius:1rem; }

section.blogr-header { padding-bottom:3em; }

/* STD */

task.hosted article.portfolio picture{ border:none; border-radius:1rem; overflow:hidden; }



task.hosted article.blogr
{ 	background-color:var(--show-glass); 
	background:linear-gradient(180deg,transparent,var(--show-glass));
}

task.hosted blockquote { background-color:var(--show-glass); width:60%; }
task.hosted article.blogr img { width:60%; }

task.hosted pre { background-color:var(--show-glass); }

task.hosted tail, task.hosted footer
{ 	background-color:var(--show-glass);
}


task.hosted label
{	color:var(--show-pen);
}

task.hosted legend
{	font-size:120%;
	line-height:1.2em;
	font-weight:bold;
	color:var(--show-pen);
	/*border-left:4px solid RGBA(255,255,255,.2);
	margin-left:-1rem;
	margin-top:-1rem;
	padding:3rem 1rem 3rem 1.6rem;
	*/
	border:none;	
}

task.hosted H1
{ 	text-decoration:none;
	font-size:180%; color:var(--show-high);
	text-transform:uppercase; font-weight:normal; letter-spacing:.5em;	
}

task.hosted H2
{	font-size:250%; text-transform:uppercase;
	/*word-break:break-all;*/
	line-height:1em; margin:0; padding:0;
	font-weight:normal;
	padding-top:0.8rem;
	font-family:montserrat;	
	color:var(--show-h1);
	border-right:1px solid var(--show-h1);
}

task.hosted picture.logo { margin:auto; width:50%; }