body { font-family:sans-serif;font-size:12pt;}
body.cfn{background-color:black;color:lime}
p {font-family:serif;}
a { 
    text-decoration:none; 
    color:#e12323;
    font-size: large;
}
a:hover { 
    text-decoration: underline darkblue;
    font-size: large;
    color: blueviolet;
}

ul { list-style:none;}
hr { border:0; border-top:1px dotted #000;}

pre {
    white-space: inherit;
}

.logo{float:left;max-width: 350px;
margin: 1em;
border: solid 1px grey;} body { max-width: 800px; left: 50%; position: relative; transform: translate(-50%,0%); } 
footer {text-align:center; font-size:0.7em; padding-top:30px;}
.copyleft {transform:rotate(180deg); display:inline-block;}

section>h3 {
  text-align: right;
  margin-right: 2rem;
}
section p:nth-child(2) {
  font-size: large;
  margin: auto 6rem;
  text-align: justify;
}

div.content_section_text pre {
    margin: 8px 0px 8px 0px;
    padding: 8px 8px 8px 8px;

    border-width: 1px;
    border-style: dotted;
    border-color: #000000;

    background-color: #F5F6F7;
    font-family: "Mono";
  }