fieldset.word h1.story {
    clear:both;
}
fieldset.word h2.story {
    clear:both;
}
fieldset.word h3.story {
    clear:both;
}

fieldset.word h1:hover {
    background:green;
    cursor:pointer;
}
fieldset.word h2:hover {
    background:green;
    cursor:pointer;
}
fieldset.word h3:hover {
    background:green;
    cursor:pointer;
}

fieldset.word ul.story[data-type=premenu] {
    cursor:pointer;
}
fieldset.word ul.story[data-type=premenu] li:hover {
    background:cyan;
}
fieldset.word li.H2 {
    font-weight:bold;
    font-size:20px;
}
fieldset.word br.story {
    clear:both;
}

fieldset.word p.story {
    white-space:pre;
}
fieldset.word p.story[data-name=inner] {
    padding:4px 10px; margin:10px 0px;
    background-color:#4b6c8a7a;
    border-left:solid 4px blue;
}
fieldset.word p.story[data-name=inner]:hover {
    background-color:#c10c8a;
    cursor:copy;
}
fieldset.word div.story[data-type=spark] {
    background-color:#2169a9a6; color:white;
    box-shadow: 4px 4px 10px 1px #626bd0;
    padding:4px 10px; margin:10px 0px;
    border-left:solid 4px blue;
}
fieldset.word div.story[data-type=spark] span:hover {
    box-shadow: 4px 4px 10px 1px #29318e;
    background-color:#c10c8a;
    cursor:copy;
}
fieldset.word svg.story {
    display:block; float:left;
}
fieldset.word fieldset.story {
    margin:10px; border:0;
    clear:both; float:left;
    box-shadow: 4px 4px 10px 1px #626bd0;
}
fieldset.word 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;
}

fieldset.word.float {
    width:-webkit-fill-available;
    height:-webkit-fill-available;
    position:absolute; left:0; top:0;
    background-color:aliceblue;
    color:black;
}
fieldset.word.float div.project {
    background-color:aliceblue;
    padding:10px;
}
fieldset.word.float div.content div.page {
    margin-top:30px;
    display:none;
}
fieldset.word.float div.content div.page.select {
    display:block;
}

fieldset.word.float h1 {
    text-align:center;
}
fieldset.word.float h2 {
    text-align:center;
}
fieldset.word.float h3 {
    text-align:center;
}


div.show>div.control {
    background-color:aliceblue;
}
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;
}

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