/* Body Styling */
body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.6;
	background-color: #fff; /* Soft light background */
	color: #333; /* Dark grey text for readability */
	margin: 20px;
	-webkit-text-size-adjust: 100%;

}



/* Header Styling */
h1, h2 {
	color: #333; /* Dark text for headers */
	text-align: left; /* Left align headers */
	font-weight: 200; /* Lighter weight for a modern feel */
}

/* Main Heading (h1) */
h1 {
	font-size: 2.5vw; /* Larger font size for the main heading */
	margin-bottom: 0px;
}

/* Subheading (h2) */
h2 {
	font-size: 1.45vw;
	margin-bottom: 20px;
}

p {
	font-size: 0.8em;
}

p2 {
	font-size: 0.8em;
}

/* Form Styling - No Background Box */
form {
	/*display: flex; */
	/*flex-direction: row; */
	gap: 5px;  /* Space between the elements */
	width: 100%;
}

/* Label Styling */
form label {
	font-size: 0.8em;
	text-align: left;
	padding: 0px;
}

/* Input Fields Styling - Simple and Clean */
form input[type="number"] {
	font-size: 0.8em;
	border: 1px solid #ccc;
	border-radius: 1px;
	height: 30px;
	width: 40px; /* Smaller width for the number input */
	background-color: #fff;
	box-shadow: none;
}

/* Submit Button Styling */
form button[type="submit"] {
	display: inline-block; 
	-webkit-appearance: none; 
	background: #ad315e;
	color: white;
	border-style: solid;
	border-color: #ad315e;
	height: 30px;
	width: fit-content;	
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	text-shadow: none;
}


@media only screen and (max-width: 1000px) {
	h1 {
        font-size: 7.5vw; 
	}
	h1 {
        font-size: 7.5vw;
        }

	h2 {
	font-size: 4vw;
	}
	form label {
	font-size: 2em;
	}
	label {
	font-size: 2em;
	}
	form button[type="submit"] {
	margin-top: 6px;
	height: 2em;	 
	font-size: 1.5em;
	font-weight: normal;
	}
	form input[type="number"] {
        font-size: 2em;
        border: 1px solid #ccc;
        border-radius: 1px;
	height: 2em;
	width: 10vw;
	background-color: #fff;
        box-shadow: none;
	}
	p2 {
	font-size: 2em;
	}
}

@media screen and (min-width: 1000px)  {
	.mobile-break { display: none; }
}