body {
	font-family: Arial, sans-serif;
	background-color: #121212; /* Dark background */
	color: #fff; /* Light text */
	margin: 0;
	padding: 0;
}
body, input {
	font-size: 1em; /* Base font size, can be scaled by browser settings */
}
.container {
	margin: 3.125em auto; /* 50px if 1em = 16px */
	padding: 1.25em;
	width: 90vw; /* 90% of the viewport width */
}
.limit-width {
	max-width: 25em;
}
@media only screen and (max-width: 37.5em) { /* 600px if 1em = 16px */
	.container {
		margin: 1.25em auto; /* 20px if 1em = 16px */
		width: 100%;
	}
	body, input {
		font-size: 1.125em; /* Increase font-size for small screens */
	}
}
.form-login, .form-upload {
	margin: 3.125em auto; /* 50px if 1em = 16px */
	padding: 1.25em;
	background: #1e1e1e; /* Slightly lighter dark */
	border-radius: 0.5em;
}
input[type="text"], input[type="password"], input[type="file"] {
	width: 100%;
	padding: 0.625em;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	margin: 0.625em 0;
	border: 1px solid #333;
	border-radius: 0.25em;
	background: #262626; /* Dark input fields */
	color: #fff;
}
input[type="submit"] {
	width: 100%;
	padding: 0.625em;
	margin: 0.625em 0;
	border: none;
	border-radius: 0.25em;
	background: #4CAF50; /* Green submit button */
	color: #fff;
	cursor: pointer;
}
.output {
	background: #1e1e1e; /* Slightly lighter dark */
	border: 1px solid #333;
	padding: 1.25em;
	margin: 1.25em 0;
}
.output h2 {
	color: #4CAF50; /* Green headers */
}
.output pre {
	overflow-x: auto;
}
@media only screen and (max-width: 37.5em) { /* 600px if 1em = 16px */
	.output {
		padding: 0.625em;
	}
}