* { overflow-wrap: anywhere; color: #404040; line-height: 1.5; font-family: Calibri, sans-serif;}
body {margin-right:0px; margin-left:2px;}
sup {font-size: 50%; font-style: italic;}
pre,code { white-space:pre; font-family: Menlo, Monaco, "Courier New", monospace; }
pre { padding: 2px; margin-right: auto;}
div {text-align: left;}
p { margin-top: 64px; margin-bottom: 64px; }
div:not(.c) pre code a {}
hr {margin-top: 16px; margin-bottom: 48px; border-bottom: 0px; border-top: 2px; border-style: solid; border-color: #FF5050; width: 10%;}
h1 { text-transform: uppercase;}
h1, h2, h3 {text-align: center; color: #000000; margin-right:auto; margin-left:auto;}
.biblio {text-align: left;}
h2 { border-top: 0px; border-top-color:#808080; border-top-style: solid; padding-top:1px;}
img {vertical-align: baseline;}
a {text-decoration: none; color: #808080;}
a:hover {text-decoration: underline #5050FF; text-decoration-thickness:2px; color: #909090;}
::selection {background-color: #50FF50;}
li {margin-bottom: 8px;}
ul {list-style-type: none;}
@media screen and (min-width: 600px) {
.c {padding: 5px; border-width: 1px; border-top-style: none; border-bottom-style: none; border-color: #808080;}
}
@media screen and (min-width: 960px) {
body {font-size:120%; margin-right:12%; margin-left:12%;}
.c {padding-left: 8%; padding-right: 1%;}
}
.white {color: #FFFFFF;}
.black {color: #000000;}
.green {color: #50FF50;}
.red {color: #FF5050;}
.blue {color: #5050FF;}
.magenta {color: #E030E0;}
.yellow {color: #FFE030;}
.cyan {color: #00E0E0;}
.gray1 {color: #303030;}
.gray2 {color: #505050;}
.gray3 {color: #808080;}
.gray4 {color: #909090;}
.gray5 {color: #A0A0A0;}
.gray6 {color: #B0B0B0;}
.gray7 {color: #C0C0C0;}
.gray8 {color: #E0E0E0;}

