body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;
	margin: 0;
	padding: 0;
}
.container {
	margin: 0 auto;
}
.calculator-container {
	width: 350px;
	margin: 100px auto;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

h1 {
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}

form {
	display: flex;
	flex-direction: column;
}

label {
	margin: 10px 0 5px;
}

input {
	padding: 8px;
	font-size: 16px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

button {
	padding: 10px;
	font-size: 16px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

button:hover {
	background-color: #0056b3;
}

#result {
	padding: 10px;
	border: 1px solid #ccc;
	width: fit-content;
	margin-top: 10px;
}
/* DONKER */
/* Kleur instellingen per apparaat in donkere modus */
@media (prefers-color-scheme: dark) {
	body {
		background-color: #1c1c1c;
		color: white;
	}
	.calculator-container {
		background-color: #1c1c1c;
	}

	label[for="temperature"],
	label[for="humidity"] {
		background-color: blue;
	}

	input[type="number"] {
		background-color: lightblue; /* Vervang 'lightblue' door de gewenste kleur */
		padding: 5px; /* Optioneel: Voeg padding toe voor een betere uitstraling */
	}
}