/*CSS per lo stile dei testi e formattazione*/
/*non da incorporare anche nell'editor*/

html{
	overflow-wrap: break-word;
	/*background-image: url(/epiprev0/images/loading_circle.gif);*/
	background-position: 50% 100%;
	background-repeat: no-repeat;	
	background-attachment: fixed;
	font-family: 'Bitter', serif;
	scroll-behavior: smooth;
}

body{
	/*opacity: 0;
	transition: 1s;
	transition-timing-function: ease;
	transition-property: opacity;*/
	background-color: transparent;
	font-family: 'Bitter', serif;
	/*font-family: "Roboto", sans-serif;*/
	text-rendering: optimizeLegibility;
	/*color: #3c3c3c;*/
	color: #1a1a1a;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Roboto", sans-serif;
}
.container-md:nth-child(3){
	/*opacity: 0;*/
	/*transition: 0.7s;
	transition-timing-function: ease;
	transition-property: opacity;*/
	animation-duration: 0.7s;
	animation-timing-function: ease-in-out;
	animation-name: fadeInContent;
}	

@keyframes fadeInContent {
  from {opacity: 0;}
  to {opacity: 1;}
}
	
.container img{
	opacity: 0.1;
	transition: 1.5s;
	transition-timing-function: ease-out;
	transition-property: opacity;	
}

code{
	font-family: unset;
	color: inherit;
}

code:nth-child(odd){
	font-weight: bold;
	cursor: pointer;
	font-size: 1.1rem;
	top: -10px;
	position: relative;	
}

code:nth-child(odd):before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.1rem;
	content: "\f150  ";
}

code:nth-child(even){
	display: none;
	border-left: 14px solid #646464;
	padding: 15px;
	background-color: #fafafa;	
	transition: 0.6s;
}
code.show-block{
	display: block !important;
}