body{
    background-color:#2b2b2b;
    color:#f9f9f9;
    font-family:Arial;
    padding:0px;
    margin:0px;
}

#menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

#menu li{
    float:left
}

#menu a{
    color:#008cff;
    text-decoration:none;
    /* padding:10px 0px 10px 0px; */
    font-size: 100%;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#searchInput{
    /* display: block; */
    background-color:#151515;
    color:white;
    position: relative;
    border:none;
    top:7px;
    text-align: left;
    padding: 8px 14px;
    text-decoration: none;
    border-radius:3px;
}

#searchButton{
    /* display: block; */
    background-color:#c90c6a;
    color:white;
    border:none;
    position:relative;
    top: 7px;
    text-align: center;
    padding: 7px 16px;
    margin: 0px 10px 0px 0px;
    text-decoration: none;
    border-radius:3px;
    cursor: pointer;
}

#main{
    width:95%;
    height:100px;
    margin: 30px auto;
    text-align:center;
    @media handheld { width: 100%; }
}

#nav{
    width:100%;
    background-color:#262626;
    min-height:50px;
}

#searchContainer{
    height:50px;
    /* background-color:blue; */
    display:inline;
    float:right;
}

#logo{
    position:relative;
    top:5px;
    padding-left:5px;
    padding-top:5px;
    height:40px;
    width:40px;
}

#logoImg{
    height:40px;
    width:40px;
}

#mainContent a{
    color:white;
    text-decoration:none;
}

#mainHeader{
    font-size:200%;
    background-color:#262626;
    border-radius:15px;
    padding:20px;
    max-width:22em;
    margin:20px auto 0px auto;
}

#newBlog{
    color:#008cff;
}

#mainContent{
    background-color:#2b2b2b;
    max-width:700px;
    border-radius:5px;
    margin:0px auto;
    padding:3px;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}

#mainContentComic{
    background-color:#262626;
    border-radius:3px;
    margin:20px auto;
    display:flex;
    flex-wrap:wrap;
    padding:10px;
    justify-content: center;
    max-width:38em;
}

#mainHeader p{
    font-size:70%;
}

.paginationLinks{
    margin:0px auto;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}

.paginationLinks a{
    color: white;
    float: left;
    padding: 8px 16px;
    margin:3px;
    text-decoration: none;
    border:none;
    background-color:black;
    border-radius:3px;
}

.currentPage{
    background-color:#c90c6a !important;
}

.manualPagination{
    margin:3px auto;
    padding:10px;
    background-color:#262626;
    max-width: 18em;
    border-radius:3px;
}

.paginationInput{
    background-color:#151515;
    width:23px;
    color:white;
    border:none;
    text-align: left;
    padding: 8px 10px;
    text-decoration: none;
    border-radius:3px;
    text-align:center;
}

.paginationButton{
    background-color:#c90c6a;
    color:white;
    border:none;
    text-align: center;
    padding: 7px 16px;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    border-radius:3px;
    cursor: pointer;
}

.singleFrame{
  border-radius:12px;
  margin:5px;
}

#comicTitle{
    font-size:100%;
    background-color:#262626;
    border-radius:3px;
    padding:20px;
    max-width:37em;
    margin:20px auto 0px auto;
}

.coverImage{
    padding:0px;
    width:100%;
    border-radius:3px;
}

.pageImage{
    width:100%;
    height:100%;
    padding:15px;
    border-radius:17px;
}

#homeClick{
    color:white;
    text-decoration:none;
}


#homeClick p{
    padding:0px;
    margin:0px;
    color:#008cff;
    margin-bottom:20px;
}

.post{
    min-width:140px;
    max-width:150px;
    margin:3px;
    border-radius:3px;
    background:#191919;
    padding:0px;
}

.descriptionText{
    padding:10px 20px 10px 20px;
    font-size:15px;
    margin:0px 0px 0px 0px
}

#quickviewHeader{
    font-size:100%;
    background-color:#202020;
    border-radius:5px;
    padding:10px;
    max-width:22em;
    margin:20px auto 20px auto;
}

#quickviewHeader a{
    text-decoration:none;
    color:#008cff;
}

#quickview a{
    color: #008cff;
}

#quickview h2{
    margin:5px;
}

#quickview{
    text-align:left;
    text-decoration:none;
    background-color:#202020;
    margin:0px auto;
    padding:10px;
    border-radius:5px;
    color:#008cff;
    max-width:30em;
    
}

#redirect{
    text-align:left;
    text-decoration:none;
    background-color:#303030;
    margin:20px auto;
    max-width:25em;
    padding:30px;
    border-radius:15px;
    color:#202020;
    line-height:280%;
    text-align:center;
    box-shadow: 0px 5px 5px 5px;
    word-wrap: break-word;
}

#redirect a{
    text-decoration:none;
    font-size:30px;
    color:#008cff;
}