:root {
    --color-orange:#ffa500;
    --color-indigo:#4b0082;
    --color-parme:#cfa0e9;
    --color-aubergine:#370028;
    --color-lavande:#e6e6fa;
    --color-ivoire:#fffff0;
    --color-ecru:#fefee0;
    --color-beige:#f5f5dc;
    --color-whitesmoke:#f5f5f5;
    --color-gainsboro:#dcdcdc;
    --color-champagne:#fbf2b7;
    --color-rose:#ffc0cb;
    --color-rose2:#ccaaaa;
    --color-soviet-red:#cc0000;
    --color-soviet-yellow:#ffd700;
    --color-ro-blue:#002b7f;
    --color-ro-yellow:#fcd116;
    --color-ro-red:#ce1126;
	--color-purple-light:rgb(145, 71, 255);
	--color-purple-dark:rgb(69, 16, 147);
    --color-brown-darker:#210;
    --color-brown-dark:#321;
    --color-brown-light:#432;
    --background-soviet:linear-gradient(90deg, var(--color-soviet-red) -200%, var(--color-soviet-yellow) 200%), linear-gradient(0deg, var(--color-soviet-red) -33%, var(--color-soviet-yellow) 133%);
    --background-gradiant-browns:
    	linear-gradient(135deg, rgba(34,17,0,0.5) 0, rgba(0,0,0,0.5) 100%),
    	linear-gradient(0deg, rgba(34,17,0,0.5) 0, rgba(0,0,0,0.5) 100%),
    	linear-gradient(90deg, rgba(34,17,0,1) 0, rgba(0,0,0,1) 100%)
		;
    --background-gradiant-brown-light:
    	linear-gradient(135deg, #7b300f 0%, #944723 100%)
		;
    
    --color:var(--color-orange-, #cca);
    --color-background:var(--color-brown-dark-, #000);
    --page-color:var(--color);
    --page-background:var(--background-gradiant-brown-light, var(--color-background));
    --header-color:inherit;
    --header-color-background:var(--color-purple-dark-, #000);
    --header-height:40px;
    --main-color:var(--color-orange-, inherit);
    --main-background:var(--color-brown-darker-, none);
    --main-max-width:1000px;
    --sidebar-width:240px;
}
*, *:before, *:after {
    box-sizing:border-box;
}
html, body {margin:0;padding:0;color:var(--page-color);background:var(--page-background);
}
html {font-size:62.5%;}
body {font-size:1.6rem;}
header {color:var(--header-color);background:var(--header-color-background);height:var(--header-height, 48px);
	font-size:2.4rem;font-weight:bold;
	padding:4px;
	--background-image:url('/assets/livre02.jpg');
	}
header h1 {font-size:1em;}
header a {text-decoration:none}
footer {margin-top:250px;text-align:right;color:#000;font-weight:bold;}
main {
	margin:16px auto;padding:4px;max-width:var(--main-max-width);min-height:768px;
	color:var(--main-color);background:var(--main-background);
}
.ide {
	background:var(--background-brun--, navy);
	font-family:tp,monospace;
}
a {color:inherit;}

header h1 {margin:0;}
hr {margin:0;width:100%;height:32px;background:var(--background-soviet);}

/*h1, h2, h3, h4, h5, h6, article, p {color:var(--color);background:var(--color-brown-darker);}*/


.books {text-align:center;}
.book {
	display:inline-block;width:200px;height:320px;overflow:hidden;vertical-align:top;
	position:relative;
	background:var(--background-gradiant-browns);
	border:outset 1px #575757;
}
.book h2 {text-align:center;text-transform:capitalize;font-size:1.6em;}
.book h3 {text-align:center;text-transform:capitalize;font-size:1em;
	position:absolute;left:0;top:75%;width:100%;
}

.chantier {font-size:1.6em;}
article {
	margin:8px;
	-color:#eee;background:var(--background-gradiant-browns);
	opacity:1;
	white-space:pre;
	-background:var(--background-soviet);
}


.animation {margin:5px;width:64px;height:40px;background:#321;}


ul.links, ol.links {list-style:none;margin:16px auto;padding:0;max-width:360px;text-align:center;}
li.link {
	list-style:none;
	display:inline-block;
	width:100%;height:64px;
	border:outset 1px;
	color:var(--color);background:var(--color-background);
}
li.link a {
	display:inline-block;width:100%;height:100%;overflow:hidden;text-decoration:none;

}