@charset "UTF-8";

@font-face { font-family:"Coconat-Bold"; src: url("fonts/Coconat-Bold.woff2") format("woff2");}
@font-face { font-family:"Coconat-Regular"; src: url("fonts/Coconat-Regular.woff2") format("woff2");}
@font-face { font-family:"inconsolata"; src: url("fonts/inconsolata-l.woff2") format("woff2");}
@font-face { font-family:"Gudea"; src: url("fonts/Gudea-Regular.ttf") format("truetype");}
@font-face { font-family:"Gudea"; font-style:italic; src: url("fonts/Gudea-Italic.ttf") format("truetype");}
@font-face { font-family:"Gudea"; font-weight: bold; src: url("fonts/Gudea-Bold.ttf") format("truetype");}

@page{
@bottom-center{
 content: counter(page);
}
}
@page:first{
@bottom-center{
 content: '';
}
}
#indexo ul{  
	list-style: none;
}

#indexo li a::before,.test::before{
	margin-left:-2em;
	content: target-counter(attr(href url), page) '. ';
	position:absolute;
	text-decoration:none;
}


body,p b, p strong,code{
	font-family:"inconsolata",monospace;
}
p {
	font-family:"Gudea",sans-serif;
}
a, a:visited, a:hover{
	color:blue;
	word-break:break-all;
}
a:hover{
	text-decoration: none;
}
code{
	word-wrap: break-word;
	font-size: inherit;
}
h1{
	font-family: "Coconat-Bold";
}
h2{
  font-family: "Coconat-Regular";
  break-before:always;
  break-after:avoid;
  margin-left:-1em;
}
h3{
  font-size:1.6em;
  margin-top:5em;
  break-after:avoid;
  margin-left:-1em;
}
h4{
  font-size:1.3em;
  margin-top:3em;
  break-after: avoid;
}
h4:before{  
  content: ">";
  position: absolute;
  margin-left: -1em;
}
h5{
	margin-bottom:0;
	font-size:unset;
	font-weight: normal;
	font-style: italic;
	margin-left:1em;
}
#toc{
	margin-left:1vw;
	font-size:90%;
	position:absolute;
	left:0;
	top:0;
	width:25vw
}
#toc li ul{
	display:none;
}
#toc h1, #toc h2, #toc h3{
	margin-left:0;
}
header {
	display:none;
}
section.level3 {
	padding-left:1em;
}
header, body > section{
	margin-left:30vw;
	margin-right:20vw;
}

}
@media print {
	
body{
  font-size:14px;
}
code{
	font-size:14px;
}

}