@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
body {
    background-color: #181717;
    font-family: "Roboto Mono";
}

.tab-button {
  background-color: #181717; /* Gray */
  color: rgb(219, 212, 212);
  border: 1px solid grey;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  font-family: "Roboto Mono";

}

.tab-button.active, .tab-button:hover {
  background-color: #008CBA; /* Blue */
  color: rgb(0, 0, 0);
  font-family: "Roboto Mono";
}

.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,.6);
    display: none;
}

.progress-text {
	font-size: 26px;
	width: 200px;
	position: absolute;
	top: calc(60% - 65px);
	left: calc(50% - 105px);
	text-align: center;
}

fieldset {
    display: inline-block;
    background: #181717;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

#output {
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    background: #181717;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
	display:none;
}

.imgUrl {
    float: center;
    height: 200px;
    padding: 5px;
}

.imgUrl:hover {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.readNow {
	cursor: pointer;
    background-color: #181717;
    border: solid rgb(44, 226, 8) 2px;
}

/* for mobile */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .imgUrl {
        float: center;
        height: 120px;
        padding: 5px;
    }
}

.dropzone {
    border: 1px dashed rgba(0,0,0,.6) !important;
}

.dropzone:hover {
    background-color: rgba(0,140,186, .4)
}

.dropzone .dz-preview {
    margin: 0px !important;
}

.dropzone .dz-preview, .dropzone .dz-preview .dz-image {
    width: 100% !important;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: transparent !important;
}

.dz-filename {
    font-size: 20px;
}

.dz-progress {
    display: none;
}



#internal {
    font-family: "Roboto Mono";
}

p {
    font-size: 15px;
    color: white;
}