/* codrer */

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

/*	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 section { max-width:1400px;  }


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

task.hosted sup { opacity:1; color:#4FD; color:#4FA; }

/* div.blogr { text-align:justify; } */


task.hosted h1
{ 	font-size:250%; 
	line-height:.8em; text-decoration:none;
	font-weight:normal;	
}

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;
	/*text-align:justify;*/
	padding-top:1rem;
}

task.hosted h3, task.hosted h4 { font-weight:bold; }

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; } */