<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("../pbai_style.css"); 


#text-space-book {
    margin: 10% 0 0 0%;
    max-width: 30em;
    float: left;
}

div#text-container-book {
    width: 50%;
    float: left;
}

div#images-book {
    width: 45%;
    float: left;
    margin-right: 5%;
}

.float-right {
    float:right;
}

img.cover {   
    border:1px solid #2e2e2e;
    margin-top: 10%;
    float: right;
}

#links {
    max-width: 30em;
    margin: 0 0 10% 0;
}

.book-subtitle {
    color:#fbfbfb;
    font-weight:normal;
    font-size:1.15em;
    padding:0;
    margin:0;
}

#footer {
    float:right;
}

#footer a, #footer p {
float: left;
border: 0;
}

#bottom-nav {
    float:right;
    padding: 8px 10px 0px 20px;
}

#footer p {
    color: #080808;
    font-size: 0.9em;
}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
   
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) { 
    div#images-book, div#text-container-book {
        width: 94%;
        padding: 3%;
    }
    
    img.cover {  
        float:left;
    }
}

</pre></body></html>