select {
	border: none;
	padding: 0.3em 0.6em;
	margin-bottom: 0.8em;
	border-radius: 5px;
	background-color: #f0c27b;
}

@media (orientation: landscape) and (hover: none) {
	select {
		padding: 0.15em 0.25em;
		margin-bottom: 0.4em;
	}

	.select-container {
		display: flex;
		gap: 0.5em;
	}
}