body { background-color: #7FFFD4; margin-left: 10%; margin-right: 4%; font-family: Arial; font-size: 18pt;/* text-align: justify;*/}
/*body { background-image:url (<a href="immagini/veduta-invernale.png"</a>); background-color: #dbdbdb; margin-left: 12%; margin-right: 15%; font-family: Comic Sans MS; font-size: 14pt;/* text-align: justify*/}*/
h1 { text-align: center; color: maroon; }
h2 { text-align: center; color: teal }
h3 { text-align: left; color: olive }
h4 { text-align: center; color: #3399ff }
hr {color: #8F9525; background: #00f; border: 0; height: 3px;}
/*ul { color: green;}*/
ol { text-indent: 2em; }
em { font-style: italic; font-weight: bold; color: #007FFF}
me { font-style: italic; font-weight: bold; color: #7fff00}
/*figcaption*/
pre{display:block;margin:10px 0;text-shadow:0 0 .1px rgba(255,255,255,.5);background:0 0!important}
code{margin-bottom:0!important;font-size:100%;background:rgba(127,127,127,.15);padding:1px 3px;border-radius:5px;color:#cd5c81;font-family:monospace;vertical-align:middle}
pre>code{display:block;overflow-x:auto;padding:1em;color:#fff;line-height:1.2;background:#000;border:1px solid rgba(127,127,127,.4);box-shadow:inset 0 -1px 15px rgba(255,255,255,.15)}
div.color { background: rgb(204,204,255); padding: 0.5em; border: none; margin-left: 0%; margin-right: 50%; }
div.coolor { background: rgb(255,191,0); padding: 0.5em; border: none; margin-left: 0%; margin-right: 75%; }
/* div.box { border: solid; /*border-width: thin;*/ border-color: red; width: 100%; padding:5px 5px;}  */
@media (max-width: 600px) {
    header {
        font-size: 1.5em;
    }
    main {
        padding: 10px;
    }
}