h2 {font-size: 100%;
    margin-top: -10px;
   }
h2.author {
    font-size:125%;
    font-family: 'Fredoka One', cursive;
}

ol a,ol a:visited {color:#fff;}



a.title {
    font-family: 'Luckiest Guy',cursive;
    text-align:center;font-size:24px;padding:10px;
}


/********************LIST********************/
div.listing {display:flex;justify-content:center;}
ul { /*Unused?*/
    padding:5px;
    display:inline-block;
    background-color:rgba(0,0,255,0.4);
    text-align:left;
}
ol {
    display: block;
    width:600px;
    margin:auto;
    text-align:left;
    margin-top:0px;
}

li {
    font-family: 'Fredoka One',serif;
    list-style-type:none;
    padding:5px 0px;
    font-size:100%;
}

li.optionalsection, li.optionalsection>a {color:#aaa;}
li.optionalsection>span {font-size:70%;}
li.pssection {font-size:70%;margin-left:20px;color:gold;}
li.pssection>a {color:gold;}
li.empty>a {color: #f88;}
li {text-align:left;}


/********************COPYRIGHT FOOTNOTE********************/
#copyright,#pageupdated {font-size:60%;}
#creativecommons {font-size:50%;}
#legaltext {margin-top:40px;}

@media only screen and (max-device-width: 600px) {
    body {font-size: 48px;}
    h1 {font-size:80px;}
    h2.subtitle {font-size: 50px;}
    h2.author {font-size: 60px;}
    ol.toc {width:100%;}
    .title {font-size:150%;}
    .arrowtext {display:none;}
    .arrow>a {font-size:300%;}
    .arrow#prevsec, .arrow#nextsec {top:40px;}
}