:root
{	
	--show-white:#FFF;
	--show-back:RGBA(245,245,245,1);	
	--show-glass:RGBA(235,235,235,1) ; /* pre, blockquote */ 
	--show-h1:RGBA(25,50,100,.25);
	--show-high:#0090C0;
	--show-pen:#344;
}

/* light */

task.light i { color:var(--show-high); }

task.light menu a.selected { color:var(--show-high); }

/* skin */

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

task.hosted tail img { height:3em; }

task.hosted menu a.important { background-color:var(--show-high); color:var(--show-white); 	} 
task.hosted menu a.important:hover { background-color:var(--black); }

task.hosted main>header
{ 	background-color:RGBA(250,250,250,.95);
	color:var(--show-pen);	
	/*position:fixed; top:0;*/
}

task.hosted main>page { color:var(--show-pen); padding-top:4rem; }

task.hosted tag { padding:.25em 1em .25em 1em; color:var(--show-white); background-color:var(--show-h1); border-radius:1rem; }

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

/* STD */

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

task.hosted article.blogr { background-color:var(--show-white);  }

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

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

task.hosted legend
{	font-size:120%;
	line-height:1.2em;
	font-weight:bold;
	color:var(--show-pen);
	border:none;	
}

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);
}


/* BLOGR - rounded */

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

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

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

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

/* BLOGR spé */

section.latest { margin:1rem 0 1rem 0; }

article.latest { background-color:var(--show-glass); border-radius:0 1rem 1rem 0; }

section>picture { border-radius:1rem 0 0 1rem; overflow:hidden; }