body {
		font-family: Arial, sans-serif;
		margin: 20px;
		background-color: #f8f8f8;
		color: #333;
}

h1 {
		color: #2c3e50;
		margin-bottom: 30px;
}

label {
		font-weight: bold;
		color: #34495e; /* A darker blue-gray */
		margin-right: 10px; /* Space between label and select */
		font-size: 1.1em; /* Slightly larger text */
		padding: 5px 0; /* A little vertical padding */
		display: inline-block; /* Allows padding and margin to work better */
}

select {
		padding: 8px 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background-color: #fff;
		font-size: 1em;
		cursor: pointer;
		margin-bottom: 20px; /* Space below the select input */
}

select:focus {
		outline: none;
		border-color: #3498db; /* Highlight on focus */
		box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 20px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for the table */
		background-color: #fff;
}
th, td {
		border: 1px solid #ddd;
		padding: 12px 15px; /* More padding for better readability */
		text-align: left;
}
th {
		background-color: #e9eff2; /* Lighter background for headers */
		color: #333;
		font-weight: bold;
		text-transform: uppercase; /* Uppercase header text */
		font-size: 0.9em;
}
tr:nth-child(even) {
		background-color: #f9f9f9; /* Zebra striping for rows */
}
tr:hover {
		background-color: #f1f1f1; /* Highlight row on hover */
}