/***********Form********/
.container3 {
  width: 50vw;
  margin: 0 auto;
  border: 1px solid black;
  background-color: lightgray;
  display: flex;
  flex-direction: column;
  position: relative;
  
}

.form {
  border: 10px solid #ccc;
  background-color: beige;
  padding: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  
}

.col-10 {
  width: 50%;
  font-weight: bold;
}

.col-90 {
  width: 100%;
}

input {
  width: 100%;
  padding: 10px;
  border: 1px solid #006494;
  border-radius: 4px;
}
.gender-container {
  display: flex;
  align-items: center;
}

.gender-container input[type="radio"] {
  margin-right: 10px;
}

input[type=submit] {
  background-color: #006494;
  border: none;
  color: white;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #bc544b;
}
#submit{
  width: 100%;
}

small {
  font-size: 10px;
}

.error {
  color: red;
}