.tab-button {
  background-color: #e7e7e7; /* Gray */
  color: black;
  border: 1px solid grey;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.tab-button.active {
  background-color: #008CBA; /* Blue */
  color: white;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/hourglass.svg) center no-repeat rgba(255,255,255,0.9);
    display: none;
	filter: grayscale(1) invert(100%);
}

.progress-text {
	font-size: 26px;
	width: 200px;
	position: absolute;
	top: calc(60% - 65px);
	left: calc(50% - 105px);
	text-align: center;
	font-family: "Averia Sans Libre", sans-serif;
}

fieldset {
	width: 80%;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
	z-index: 9996;
}

#output {
    width: 80%;
    margin: 0 auto;
    padding: 5px;
	background: rgba(0, 0, 0, 0.4);
    border: 5px solid #000;
    border-radius: 16px;
	display:none;
}
#output b{
	font-family: "Averia Sans Libre", sans-serif;
	filter: invert();
	display:none;
}
.imgUrl {
    height: 200px;
    padding: 5px;
}
.readNow {
	background: rgba(0, 0, 0, 0.4);
    border: 5px solid #000;
}
.comicbuttons button:hover{
  	cursor: url("../../../media/customcursorbl.png"), auto;
}
.readNow b{
	font-family: "Averia Sans Libre", sans-serif;
	filter: invert();
	display: block;
}

.imgUrl:hover {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* for mobile */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .imgUrl {
        float: center;
        height: 120px;
        padding: 5px;
    }
}
.comicbuttons {
	    order:2;
    flex-grow:2;
	margin-left: auto;
	padding: 1em;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: flex-end;
	z-index: 9998;
}
.ComicSeriesLogo {
	order:1;
	padding: 15px;
    flex-grow:1;
	filter: invert();
	align-self: flex-start;
	z-index: 9998;
}
#internal {
	display: flex;
	align-items: center;
    height: 100%;
    gap: 50px;
	z-index: 9997;
}
