/* Main Flex Nav */
#mainFlex{
    display: flex;
    flex-direction: column;
}

#navFlex{
    display: flex;
    flex-direction: row;
    padding-left: 35%
}

/* Main CSS */

body{
   background-color: #2d4168;
}

#title{
   padding-left: 10%;
   padding-right: 10%;
   color: #6999cb;
}

#copyright{
    position: relative;
    padding-top: 200px;
    padding-left: 45%;
    color: #6999cb;


}

/* Main Coloring Sheets*/
#colorRow01{
    display:flex;
    flex-direction: row;
    padding-left: 15%;
}

#colorRow02{
    display: flex;
    flex-direction: row;
    padding-left: 15%;
}

#colorRow03{
    display: flex;
    flex-direction: row;
    padding-left: 15%;
}

.colorThumb{
    padding-right: 5%;
}


/* Coloring Sheets CSS*/

#sheet{
    display:flex;
    flex-direction:row;
    padding-left:31%;
}

/* Comics Main CSS */
#comicRow01{
   display:flex;
   flex-direction: column;
   padding-left: 35%;
}

.pageNumbers{
   padding-right: 5%;
}


/* Strips CSS */
.strip{
   padding-left: 25%;
}



/* Tooltips */
#toolForward{
   visibility:hidden;
   color: #6999cb;
}

#toolBack{
   visibility:hidden;
   position: absolute;
   bottom:98%;
   color: #6999cb;
}

#back:hover #toolBack{
   visibility:visible;
}

#forward:hover #toolForward{
   visibility: visible;
}