* {box-sizing:border-box;}
@media screen and (max-width: 800px){
  body {margin: 2px;}
}
body {
  margin-top: 0;
  font-family: Verdana, sans-serif;
}

.fancy img+p {font-style:italic}
.fancy .codeblock {
  display: table;
  border: 1px solid #80a796;
  padding: 1ex;
  background-color: lightyellow;
  font-size: large;
  font-weight: bold;
}
.fancy .codeblock pre {
  display: table-cell;
  font-size: 1em;
}
.fancy .codeblock i { color: blue; }
.fancy .codeblock .line { color: #800080; }
.fancy .codeblock .inghilimele { color: #05a; }
.fancy .codeblock .paranteza { color: #997; }
.fancy .codeblock .mynote { color: #000; font-style: normal;}
.fancy .codeblock .keyword { color: #000080; }
.fancy .codeblock .numar { color: #164; }
.fancy h1,.fancy h2,.fancy h3,.fancy h4 {font-weight:normal;color:#044a64;margin: 1em 3ex;}
.fancy th {text-align:left}
.fancy th, .fancy td {padding: 0.2em 1ex; vertical-align:top}
.fancy_title {
  font-size: 2em;
  margin: 1em 3ex;
  /*text-align: center;*/
  color: #044a64;
}

@media screen and (min-width: 600px){
  /* Indentation amounts for non-mobile screens, 600 pixels or wider */
  .fancy p,.fancy ul,.fancy ol,.fancy dl { margin: 1em 5ex }
  .fancy .codeblock {margin:0 10ex;}
}
@media screen and (max-width: 600px){
  /* Indentation amounts for narrow mobile screens */
  .fancy .codeblock {margin:0 1ex;}
}