body {background:url('../clipart/articoli1.jpg') fixed;margin: 0 1em}
.autore {background:#ffa;padding:0 5px;font:italic normal 1em cursive}
.barra {background:#fed;margin-top:3em;padding:8px;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 0 20px #555;font:bold 20px sans-serif;border-radius:10px 10px 0 0}
.barra a {background:#ddd;margin:4px;padding:12px;border:2px solid #bbb;border-radius:12px;text-decoration:none}
.bordo {border:5px solid #fff;box-shadow:5px 5px 20px #555}
.boxTitolo {background:#fed;width:540px;margin:0 auto;margin-bottom:3em;padding:12px;text-align:center;border-radius:0 0 20px 20px}
.datario {width:200px;margin:0 auto;margin-bottom:1em;margin-top:2em;padding:5px;border:1px solid #888;border-radius:15px;background:#eee;color:#C00;font:italic bold 1.4em serif;text-align:center}
.foto {display:flex;justify-content:space-around;flex-wrap:wrap;gap:4px}
.imgSx {float:left;margin:8px 1em 0 8px}
.imgDx {float:right;margin:8px 8px 0 8px}
.para {background:#ffe;height:100%;text-align:justify;text-indent:1em;font-family:serif;font-size:20px;padding:0.5em;box-shadow:5px 5px 20px #555}
.para,p {margin:0}
.riga1 {display:flex;justify-content:space-evenly;align-items:center;gap:4px}
.sorgente {float:left;margin:1em;padding:10px;border-top:1px solid #888;border-bottom:1px solid #888;color:#50f;font:italic bold 1.2em serif;text-align:center;transform:rotate(-10deg)}
.stop {clear:both}
.subtitle {font-style:italic;font-size:0.8em;text-align:center}
.titoletto {width:auto;padding:8px;font-size:20px;font-weight:bold;background:#fed;text-align:center}
.titolo {font:bold 1.9em sans-serif;color:#a00;text-align:center}
.titoloArt {font:normal bold 28px serif;text-align:center;background:#fee}