.admin
{
    margin: 2em;
}

body
{
    background: rgb(0,0,0);
    background-image: linear-gradient(rgba(0,72,107,1) 0%, rgba(0,27,40,1) 60%, rgba(0,0,0,1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
}

.comic-reader
{
    display: flex;
    justify-content:center;
    vertical-align:middle;
    margin: 1em;
    padding-bottom: 2em;
}

.comic-reader .navigationButton
{
    align-self: center;
    font-size: 128px;
    color: white;
    margin: 12px;
}

.navigationButton > a:hover
{
    text-decoration: none;
}

.navigationButton > a:active
{
    text-decoration: none;
}

.comic-reader .currentImageContainer
{
}

.currentImageContainer .currentImage
{
    max-width: 100%;
}

.archive
{
    max-width:90%;
}

.archive .archiveSection
{
    display: flex;
    //justify-content: space-between;
    border-color: black;
    background-color: #101010;
    box-shadow: 5px 5px 5px #101010;
}

.archiveSection > div
{
    margin-right: 1em;
}

.archiveContainer > div
{
    padding: .5em;
}

/* retina */
@media only screen and (min-width : 320px)
{
    .comic-reader
    {
        margin: 0;
    }
    
    .comic-reader .navigationButton
    {
        font-size: 32px;
    }
    
    /*
    .comic-reader > div
    {
        height:auto;
        max-height:100%;
        background-color:black;
    }
    */
}

/* between phones and computer */ 
@media only screen and (min-width : 600px) 
{
    .comic-reader .navigationButton
    {
        font-size: 76px;
        margin: 3px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) 
{
    .comic-reader .navigationButton
    {
        font-size: 128px;
        margin: 12px;
    }
}