body fieldset p.story[data-name=inner] {
    padding:4px;
    background-color:#4b6c8a;
    border-left:solid 4px blue;
}
body fieldset p.story[data-name=inner]:hover {
    cursor:copy;
}
body fieldset div.story[data-type=spark] {
    padding:4px;
    background-color:#2169a9;
    border-left:solid 4px blue;
    box-shadow: 4px 4px 10px 1px #626bd0;
    color:white;
}
body fieldset div.story[data-type=spark] span:hover {
    background-color:#c10c8a;
    cursor:copy;
    box-shadow: 4px 4px 10px 1px #626bd0;
}

body.white fieldset p.story[data-name=inner] {
    /* background-color:#bad8f7; */
    border-left:solid 4px blue;
}
body.white fieldset div.story[data-type=spark] {
    /* background-color:#c2daef; */
    clear:both;
}
body.white fieldset div.story[data-type=spark] span:hover {
    background-color:blue;
    /* background-color:white; */
}

fieldset ul.story[data-type=premenu] {
    cursor:pointer;
}
fieldset ul.story[data-type=premenu] li:hover {
    background:cyan;
}

fieldset fieldset.story {
    margin:10px; clear:both; float:left;
    border:0;
    box-shadow: 4px 4px 10px 1px #626bd0;
}
fieldset fieldset.story:hover {
    /* border:solid 1px red; */
}
fieldset fieldset.story div.output{
    padding:10px
}

fieldset h1.story {
    clear:both;
}
fieldset h2.story {
    clear:both;
}
fieldset h3.story {
    clear:both;
}
fieldset li.H2 {
    font-weight:bold;
    font-size:20px;
}
fieldset br.story {
    clear:both;
}
fieldset p.story {
    white-space:pre;
}
fieldset p.story.shell {
    padding:4px;
    border-left:solid 4px blue;
    background-color:#c2daef;
}
fieldset svg.story {
    display:block; float:left;
}
fieldset code.story {
    display:block; border:solid 3px green;
    color:white; background-color:#272822;
    font-size:14px; font-family:monospace;
    max-height:640px; overflow:auto;
    padding:10px; white-space:pre;
    clear:both;
}

div.show {
    position:absolute; top:0;
    color:black;
}
div.show table {
    color:black;
}
div.show>div.control {
    background-color:aliceblue;
}
div.show>div.project {
    background-color:aliceblue;
    position:absolute;
    padding:10px;
    z-index:10;
}
div.show>div.project div.item {
    cursor:pointer;
}
div.show>div.project div.item:hover {
    background-color:white;
}
div.show>div.content {
    background-color:aliceblue;
    text-align:center;
    padding:20px;

}
div.show>div.content h1 {
    margin-top:100px;
    font-size:60px;
}
div.show>div.content h2 {
    clear:both;
}
div.show>div.content h3 {
    clear:both;
}
div.show>div.content ul {
    text-align:left;
}
div.show>div.content div.page.first {
}
div.show>div.content div.page.first ul {
    text-align:center;
}
div.show>div.content div.page {
    margin-top:30px;
    display:none;
}
div.show>div.content div.page.show {
    background-color:aliceblue;
    display:block;
}
div.show>div.content div.page ul li.H2 {
    font-size:24px;
}
div.show>div.content div.page ul li.H3 {
    font-size:16px;
}
div.show>div.content div.page code.story {
    display:block; border:solid 3px green;
    color:white; background-color:#272822;
    font-size:14px; font-family:monospace;
    max-height:640px; overflow:auto;
    padding:10px; white-space:pre;
    clear:both;
}