Simple UI term

This is a trial ui for project

by HSilvaDaytona

HTML

<div id="table-settings">
  <h2>Select Term</h2>
  <p>Selct a term from the drop-down list:</p>

  <form action="/action_page.php">
    <!––fill in with actual php stuff--->
    <select name="term">
    <option value="termSel">Sel</option>
  
  </select>
    <br><br>
    <input type="submit">
  </form>
</div>

CSS

body {
  background: #004785;
  padding: 20px;
  font-family: Helvetica;
}

#appText {
  color: #53abb5;
  font-size: 15px;
  text-align: left;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

#table-settings {
  background: #00794c;
  color: #fffff0;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 500px;
}

button {
  background: #53abb5;
  font-family: Arial;
  border: none;
  border-radius: 5px;
  padding: 6px 8px;
  font-size: 12px;
  color: #fffff0;
}