form {
    width: 600px;
    height: 150px;
    background-color: rgb(234, 247, 255);
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;

}

/* main section {
    width: 600px;
    height: 500px;
    background-color: rgb(96, 76, 49);
    margin: 0 auto;
}

#studentForm {
    width: 600px;
    height: 500px;
    background-color: rgb(26, 127, 160);
    margin: 0 auto;
} */

.sNo {
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 5px;

}

form input {
    background-color: #edf7fe;
    box-shadow: inset 0 1px 3px #d3d3d3;
    margin-bottom: 15px;
    border: 2px solid #a1c7d9;
    text-align: center;
  }

.submit-btn {
    background-image: linear-gradient(to bottom, #f9fdff, #cfe3ec);
    border: 5px solid #a1c7d9;
    border-radius: 5px;
    color: #3b3b3b;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    width: 60%;
    display: block;
    cursor: pointer;
    margin: auto;
  }

  .submit-btn:hover {
    background-image: linear-gradient(to bottom, #cfe3ec, #f9fdff);
  }