style.css

body {
    background-color: rgba(211, 209, 209, 0.329);
    text-align: center;
  }
  table {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 80%;
    /* height: 500%; */
    margin-top: 2%;
    text-align: center;
    margin-left: 10%;
  }
  
  table,
  th,
  td {
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #ddd;
    padding: 4px;
  }
  th {
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04aa6d;
    color: white;
    text-align: center;
  }
  tr {
    height: 4%;
  }
  
  .hidden {
    display: none;
  }
  
  table tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  
  table tr:hover {
    background-color: #ddd;
  }
  
  #loadBtn,
  #refreshBtn {
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 15px;
    background-color: rgb(187, 234, 248);
    margin-top: 2%;
  }
  #refreshBtn {
    margin-left: 45%;
  }
  

  #Edit,

#Delete,

#New {
    border-radius: 10%;
    font-size: 90%;
  }
  #Edit {
    background-color: #44cceb;
    margin: 6%;
    /* float: left; */
  }
  #Delete {
    background-color: #ed5650;
    /* float: right; */
  }
  #New {
    background-color: #29f0298a;
  }
  
  input {
    width: 95%;
  }