fieldset li.H2 {
    font-weight:bold;
    font-size:20px;
}
fieldset h2.story {
    clear:both;
}
fieldset h3.story {
    clear:both;
}
fieldset p.story {
    white-space:pre;
}
fieldset br.story {
    clear:both;
}
fieldset svg.story {
    display:block; float:left;
}
fieldset fieldset.story {
    clear:both; float:left;
}
fieldset fieldset.story:hover {
    border:solid 1px red;
}
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;
}