p,li {font-size: 1.2rem;}
ul { list-style: none; padding: 0; margin: 0; }
html, html a, html a:active {color: #110447; background-color: #FFFFF8; }
body {font-family: Helvetica,system-ui; width: 100%; }

.myred {color: #902010;}
.bold {font-weight: 600;}
.fontvt323 {font-family: Arial,system-ui; }
h1 {font-size: 1.8rem; font-family: Arial,system-ui;}
h1 span {font-size: 1.4rem; font-weight: 600;}
h2 {font-size: 1.4rem; margin: 30px 0 4px 0; font-family: Arial,system-ui; font-weight: 600;}
h3 {font-size: 1.3rem; margin: 10px 0 4px 0; font-family: Arial,system-ui; font-weight: 600;}

h1.fontvt323 {font-size: 2.4rem; font-weight: normal;}
p, li {margin: 12px 0;}
p.dida, p.dida a {font-size: 1rem;}
p.evi {font-size: 1.2rem; color: #902010; background-color: #F8F8F0; padding: 15px; border: 1px solid #902010;}
p.headp,p.headp a  {font-size: 1.2rem; font-weight: 700; text-decoration: none; color: #902010;}
footer p,footer p a  {font-size: 1rem; font-weight: 400; text-decoration: none; text-align: center;}


header pre {
	font-family:'Source Code Pro';
	font-size: 9px; 
	font-weight: 700; 
	color: #110447;
}
header pre::-webkit-scrollbar {
  display: none;
}

div.bodydiv {margin: auto; max-width: 800px; min-width: 200px; padding: 0 20px;}
@media (max-width: 500px) {
	div.bodydiv {padding: 0 10px;}		
}

div.bodydiv p {line-height: 1.3;}

.row{
	display:flex;
	flex-wrap:wrap;
}
	
.fullRow{
	flex:0 0 100%;
}
	
.halfRow{
	flex:0 0 50%;
	min-width:300px;
}

@media (max-width: 620px) {
	.halfRow {flex: 0 0 100%;}		
	.row div:nth-child(2) {margin-top: 20px;}
}

ul.competenza { display:grid; gap: 1rem; grid-template-columns: 1fr 1fr;}
@media (max-width: 620px) {
    ul.competenza { display:grid; gap: 1rem; grid-template-columns: 1fr ;}
}
ul.competenza li {
    border-radius: 12px;
    border: 1px solid #110447;
    padding: 1rem;
    position: relative;
	background-color: #F8F8F0;
}
ul.competenza h3 {
    font-size: 1.3rem;
}
ul.competenza img {
    float: right;
    width: 130px;
    height: auto;
}