/* Couleurs : antiquewhite, gainsboro, white, black */

html {
	--width: 600px;
	--min-height: 400px;
}

html.flex {
	width: 100%;
	height: 100%;
}

/*TODO: grid display
body {
	display: grid;
	grid-template-rows: 1fr 4fr 1fr;
	height: 100%;
	min-height: var(--min-height);
}
*/


body {
	font-family: baskervville, "Times New Roman", Times, serif;
	margin: auto;
	height: 100%;
	min-height: var(--min-height);
	min-width: var(--width);
}

body > * {
	max-width: var(--width);
}

@media only screen and (max-width: 600px) { /*can't use var() here jfc*/
	body {
		min-width:100%;
	}
}

.flex {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

header {
	margin: auto;
	padding: 1em;
}

header.home {
	/*height: 20vh;*/
}

header.home > h1 {
	font-size:300%;
}

nav.codex {
	overflow: auto;
	margin: auto;
	max-width: unset;
	border: 1px gainsboro solid;
	box-shadow: inset 0 0 20px antiquewhite;
}

main {
}

main.home {
	max-width: 90vw;
	/*height: 60vh;*/
}

section#meta {
	padding: 0 1em;
}

article {
	border: 1px gainsboro solid;
	box-shadow: 0 0 10px antiquewhite;
	padding: 1em;
	margin: 1em;
}

.home article {
	overflow: auto;
	height: 50vh;
	min-height: 300px;
	min-width: 300px;
	width: 25vw;
}

footer.flex {
	margin: auto;
	justify-content: space-between;
	padding:1em;
}

footer.home {
	/*height: 20vh;*/
}

/*---*/

a {
	color: unset; text-decoration: unset;
	border-bottom: dotted 1px black;
}
a:hover{background:linear-gradient(0deg,antiquewhite,transparent);}

h1,h2,h3,h4,h5 {
    font-family: freeserif, "Times New Roman", times, serif;
    font-weight: bold;
    font-variant: small-caps;
    /*text-transform: uppercase;*/
    margin: .5rem 0;
    text-align: center;
    transform: scaleY(1.33);
}

hr {
	border: none;
	border-top: 1px solid black;
	width:66%;
	padding: .5em 0;
}

.align-center {
	text-align:center;
}

.float-right { float: right }
.lmargin-4em { margin-left: 4em }

/* Compteurs de sections */

article#contenu {
	counter-reset: h1 0 h2 0 h3 0 h4 0;
}
#contenu h1::before {counter-increment: h1;content: counter(h1) ". "; counter-set: h2 0 h3 0;}
#contenu h2::before {counter-increment: h2;content: counter(h1) "." counter(h2) ". ";counter-set: h3 0;}
#contenu h3::before {counter-increment: h3;content: counter(h1) "." counter(h2) "." counter(h3) ". ";}
#contenu h4::before {counter-increment: h4;content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";}