/* codrer */

:root
{	--show-back:RGBA(16,20,24,.85);	
	--show-glass:RGBA(16,20,24,1) ;
	--show-high:#FF8;
}

/*	layout */ 

task.hosted main>header { position:fixed; top:0; background:linear-gradient(0deg,transparent,var(--show-glass)); }

task.hosted main>page { padding-top:3em; }

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

task.hosted tail>div { text-align:center !important; }

task.hosted tail picture { height:2em; }

/* skin */

task.hosted sup { opacity:1; color:#4FD; color:var(--show-high); }

task.hosted h1
{ 	font-size:250%; 
	text-decoration:none;
	font-weight:normal;	
	text-align:right;
}

task.hosted h2
{	font-size:350%; text-transform:uppercase;
	word-break:break-all; line-height:.75em; margin:0; padding:0;
	color:RGBA(255,255,255,.3);	font-weight:normal;
	padding-top:1rem;
}

task.hosted section.bloc { margin:0 15% 0 15%; } 

task.hosted legend { font-size:120%; color:#FFF; line-height:1.3em; font-weight:bold; }

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

/* section.portfolio { align-items:center; justify-content:center; } */

/* section.portfolio article { border-radius:.5em; } */