body {background-color:#8ac;color:#112;font-family:"Consolas",monospace;}
h3 {font-family:"Courier New",monospace;}
p, summary, li {font-size:11pt;}
a {text-decoration:none;color:inherit;} a:hover {color:#7dd}
div {background-color:#fff;box-sizing:border-box;border-radius:0.75rem;height:fit-content;padding:5px;margin:10px;}
div img {width:100%;margin:auto;}
tr > * {border:3px solid #000;}
table {text-align:center;}

.main {width:50%;float:left;}
.break {width:99%;float:left;}
.notes {width:45%;float:right;}
.aside {width:20%;float:right;}
.dark {background-color:#224;color:#aaa;}
.nobg {background-color:#0000;}

.chbx {background-color:#000;color:#fff;text-align:right;padding-inline:10px;}
.chbx img {float:left;width:17%;border-radius:1rem;}

div.a {box-shadow:#ccc -3px 3px;border-right:1em solid #cce;}
div.e {box-shadow:#fd7 -3px 3px;border-right:1em solid #fd7;}
div.r {box-shadow:#fae -3px 3px;border-right:1em solid #fae;}
div.z {box-shadow:#aee -3px 3px;border-right:1em solid #aee;}
div.n {box-shadow:#84e -3px 3px;border-right:1em solid #84e;}

span.a {text-decoration:underline solid #cce 2px;}
span.e {text-decoration:underline solid #fd7 2px;}
span.r {text-decoration:underline solid #fae 2px;}
span.z {text-decoration:underline solid #aee 2px;}
span.n {text-decoration:underline solid #84e 2px;}