/* codrer */

:root
{	--show-back:RGBA(255,255,255,1);	
	--show-glass:RGBA(240,244,248,1) ;
	--show-pen:#235;
	--show-high:#90B060;
	--fade:linear-gradient(180deg,#F0F0F8,transparent);
}


/* light */

task.hosted { color:#CCC; }

task.hosted main>header>menu { color:#888; text-shadow:none; }

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

/* skin */

section.blogr-header { padding:2em 0 1em 0; }

task.hosted { font-family:poppins; }

task.hosted H1, task.hosted H2, task.hosted H3, task.hosted H44 { font-family:kanit; }

task.hosted H3, task.hosted H4 { font-weight:normal; }

task.hosted main { font-size:15px; }

/* task.hosted main>header { position:fixed; top:0; background:linear-gradient(180deg,var(--show-back),RGBA(255,255,255,.6)); } */

/* task.hosted section { opacity:0.95 } greyscale */

task.hosted page { scrollbar-width:thin; }

task.hosted article.blogr { text-align:left !important; /* pour smallable */ }

task.hosted page>tail { opacity:.75; line-height:1.2em; background-color:var(--show-glass); }

task.hosted h1
{ 	color:var(--show-high);
	font-size:250%; 
	text-decoration:none;
	font-weight:normal;	
}

task.hosted h1>b /* A-chille */
{ 	border-radius:100%; background-color:var(--show-high); color:var(--show-back); 
	width:1em; height:1em; display:inline-block; line-height:1em; text-align:center; padding:.05em .1em .1em .1em;
}

task.hosted h1>sub { opacity:1; font-size:80%; }

task.hosted h2
{	font-size:250%; 
	/*word-break:break-all; */
	opacity:.6;
	line-height:1.10em; margin:0; padding:0;
	font-weight:normal;
	padding-top:1rem;
}

task.hosted sup { opacity:1; color:var(--show-high); font-weight:normal; }

task.hosted legend { border-left:2px solid var(--show-high); font-style:italic; font-size:125%; line-height:1.5em; }
/*article.blogr legend::first-letter { font-size:100%; color:var(--show-high); }*/

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

task.hosted div.meta
{ 	font-size:var(--small); margin-top:3rem;	
	background:var(--fade); border-radius:1rem;
}

/* blogr */

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

article.blogr blockquote { background:var(--fade); border-radius:1em; padding:2em; width:75%; }

/* section.latest { padding:0 1em 0 1em; } marche pas */

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

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