body {
  margin:3%;
  overflow-x: hidden;
  font-size:120%;
  }
  

 /* Seleziona i tag specifici e azzera i loro margini */
nav, p {
    margin: 0;
    padding: 0;
}
  
 header {
display:flex;
/*centra verticalmente*/
align-items:center;
/*allinea a sinistra orizzontalmente*/
justify-content: flex-start;
/*spazia immagine e testo*/
gap:10px;
}

header img {
width:15%;
/*impedisce lo schiacciamento*/
height:auto;
/* Assicura che l'immagine mantenga le proporzioni nel suo spazio */
object-fit: contain; 
max-width:85px;
}
  
  header, h3 {
  color: #507cc3;
  text-align:center;
  }
  
  #contenitore {}
  
  #contenuto p {
  line-height:21px;
  padding: 1%;
  }
  
  a {
  text-decoration:none;
  color:black;
  }

  a:hover {
  background-color: #dddddd;
}

  hr {
  margin:inherit;
  }
  
  .riquadro {
  background-color:#F8F9FA;
  padding:2%;
  box-shadow: 0 4px 8px 0 #d3d3d3; 
  border-radius:10px;
  overflow:auto;
  }

.riquadro section {
white-space:pre-wrap;
}

.riquadro a {
text-decoration:none;
color:green;
}
  
.inevidenza {
background-color:#E0F2F7;
border:1px solid;
margin-top:3%;
padding:2%;
}
    
@media screen and (min-width:  750px) {

body {
display:flex;
/*flex allinea centralmente verticale*/
align-items:center;
margin:5% 18%;
}
  
.riquadro {
width:100%;
height:100%;
overflow:auto;
}

}