/* Bordered form */
form {
    border: 3px solid #f1f1f1;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgb(68, 68, 68);
}

input, select{
    width: 60%;
    height: 2rem;
    background: #ffffff;
    justify-content: center;
    display: flex;
    margin: 5px auto;
    padding: 2px;
    border: none;
    outline: none;
    border-radius: 5px;
}

 label{
      width: 60%;
      height: 2rem;
      justify-content: center;
      display: flex;
      margin: 5px ;
      padding: 2px;
  }

#form {
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 10px;
}

#form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}