/* If class is not defined or empty, don't write anything before */
pre:not(class)::before, pre[class=""]::before, xmp:not(class)::before, xmp[class=""]::before {
    content: none;
}

/* Customize code appearance (except inside pre tag) to be smaller than text around and to have other color to emphase the code */
:not(pre) > code {
	color: rgba(200, 0, 0, 0.8);
	background-color: rgba(0, 0, 0, 0.06);

	border: solid 0.2rem rgba(0, 0, 0, 0.3);

	font-size: 1.5rem;	
	padding: 0.1rem 0.4rem;
	vertical-align: middle;
}

/* When a link contains code, we should color text with link color */
a > code {
    color: #FF5722;
}

/* Header adorsaz.ch blog */

main > section > div > header{
    display: none;
}

/* Articles */
main section div * {
    max-width: 140rem;
}

article {
    margin: 3rem auto;
}

article section {
    padding: 2rem;
}

/* Page foot */
article {
    background: white;
    border-radius: 0.3rem;
}