body{
background: url('img6.jpg') no-repeat center center/cover;
}
.form{
display: flex;
flex-direction: column;
height: 600px;
width: 500px;
border: solid maroon;
align-items: center;
margin: auto;
margin-top: 30px;
background-color: rgba(214, 207, 206,0.5);
box-shadow: inset -5px -5px rgba(0,0,0,0.5);
border-radius: 25px;
}
.form h3{
	color: maroon;
	font-size: 1.5rem;
	border-bottom: 4px solid rgba(255,255,255,0.5);
	margin: 50px;
}
.box{
	padding: 12px;
	margin: 20px;
	width: 80%;
	border: none;
	outline: none;
	border-radius: 20px;
	background-color: rgba(245, 156, 15,0.5);
	box-shadow: inset -5px -5px rgba(0,0,0,0.5);
	color: black;
	border: none;
	font-size: 1rem;
}
.choose{
	padding: 12px;
	margin: 20px;
	width: 65%;
	border: none;
	outline: none;
	border-radius: 20px;
	background-color: rgba(245, 156, 15,0.5);
	box-shadow: inset -5px -5px rgba(0,0,0,0.5);
	color: black;
	border: none;
	font-size: 1rem;
}
#submit{
	padding: 10px 20px;
	margin-top: 50px;
	width: 50%;
	background-color: rgba(0,0,0,0.5);
	box-shadow: inset -5px -5px rgba(0,0,0,0.5);
	color: white;
	border: none;
	outline: none;
	border-radius: 10px;
	font-size: 1rem;
}
#submit:hover{
	cursor: pointer;
	background-color: rgba(0,0,0,0.5);
	color: white;
}
::placeholder{
	color: maroon;
	opacity: 0.7;
}
div{
	border: 1px solid grey;
}
hr{
border: none; /* Remove default border */
  height: 20px; /* Set desired thickness */
  background-color: #746F69; /* Set desired color */
  margin: 20px 0; /* Add spacing above and below */
}
select {
  border: 2px solid #dddddd;
  background-color: light gold;
  padding: 10px;
  transition: 0.4s;
}

select:hover,
select:focus {
  background: #dddddd;
}
option {
  display: flex;
  justify-content: flex-start;
  gap: 20px;

  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 10px;
  transition: 0.4s;
}