/*** Disable text selecting ***/
.disable-select {
	-webkit-user-select: none;  
	-moz-user-select: none;	
	-ms-user-select: none;	  
	user-select: none;
}

/*** Body settings ***/
/*body {
	background-color: aqua;
	font-family: 'Roboto Mono', monospace;
}
*/

body {
	background-color: aqua;
	text-align: center;
	padding: 0;
	margin: 0;
	color: black;
	font-family: 'Roboto Mono', monospace;
}

.body {
	background-color: aqua;

	padding: 10px;
	margin: 0;
	color: black;
	font-family: 'Roboto Mono', monospace;
}

/*** Header ***/
h1 {
	font-size: 5vw;
	color: black;
	font-style: "bold"; 
}

/*** Number text input ***/
.number-input {
	background-color: #424242;
	color: #bdbdbd;
	border: 1px solid #e0e0e0;
	width: 30px;
}

/*** Upload drag & drop wrapper ***/
.upload {
	padding: 20px;
}
.upload--active {
	border: 2px dashed #e0e0e0;
}

/*** File upload button ***/
input[type="file"] {
	display: none;
}
.file-upload-label {
	border: 2px solid black;
		border-radius: 10px;
	background-color: transparent;
	display: inline-block;
	padding: 20px 40px;
	cursor: pointer;
}

.file-upload-label:hover {
	background-color: aquamarine;
}

/*** Success block ***/
.convert-success {
	color: #66bb6a;
	font-style: "Light";
}

/*** Error block ***/
.error {
	color: #e57373;
	font-style: "Light";
}

.footer {
		background-color: cadetblue;
			padding: 6px 20px;
		transform: translateY(325px);
}