body {
    background-color: #625;
    background-image: url(pix/gui/bg-sea-rainbow.png);
    background-attachment: scroll;
    background-repeat: repeat-x;
    margin: 0px;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 16px;
    color: #000;
}
a { color:#636; text-decoration:none }
a:hover { color:#c9c; }

#wrapper {
    max-width: 800px;
    min-width: 573px; /* 600px, -10px to allow for border, -17px to allow for scrollbar */
    text-align: center;
    margin: 170px auto 0px;
}
#linksparade {
    margin: 25px auto 0px;
    max-width: 600px;
    min-width: 573px; /* 600px, -10px to allow for border, -17px to allow for scrollbar */
    display: flex;
    flex-wrap: nowrap;
}
#introcomic {
    border-radius: 30px;
    width: 100%;
    height: auto;
    margin: 30px 0px;
}
#bibliography {
    background-color: #fff;
    border-radius: 30px;
    width: 500px;
    text-align: left;
    line-height: 1.6;
    padding: 10px;
    margin: 0px auto 30px;
}
#copyright {
    max-width: 100%;
    min-width: 573px;
    background-color: #425;
    text-align: center;
    color: #cbc;
    margin: 50px 0px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
        
h1 {
    color: #fff;
    margin-bottom: 0px;
    line-height: 0.5em;
}
        
img.cuteicon {
    width: 100%;
    // width: 120px;
    height: auto;
}
        
img.waggle:hover {
    animation: rock 1s;
    animation-iteration-count: infinite;
}
img.arrowsGoDown {
    display: block;
    margin: 20px auto 0px;
    display: block;
    width: 30px;
    height: auto;
}
        
@keyframes rock {
    0% { transform: rotate(0deg); }
    12.5% { transform: rotate(2deg); }
    25% { transform: rotate(3deg); }
    37.5% { transform: rotate(2deg); }
    50% { transform: rotate(0deg); }
    62.5% { transform: rotate(-2deg); }
    75% { transform: rotate(-3deg); }
    87.5% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

/* Comic Subpages */
    
#comicwrapper {
    max-width: 700px;
    min-width: 573px; /* 600px, -10px to allow for border, -17px to allow for scrollbar */
    text-align: center;
    padding: 5px 0px 5px;
    margin: 10px auto 10px;
    border-radius: 20px;
}

img.comicPage {
    border-radius: 10px;
    max-width: 600px;
    height: auto;
}
        
p.comicnotes {
    text-align: left;
    padding-left: 90px;
    padding-right: 90px;
}