html, body {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(aqua,#eca1ca);
  }
  .editDelete{
      float: right;
      margin: 3px;
      padding: 3px 10px;
  }
  #form1{
      border-radius: 10px;
      background-color: #17557e;
  }
  #submitBtn{
    background-color: #31bca9;
    border-color: #424242;
    color: white;
  }
  #navigation{
    background-color: #424242;
  }
  #categoryBtn{
    background-color: #424242;
    width: auto;
    border-radius: 7px;
    border: none;
    color: white;
  }
  #category{
    width: 300px;
  }
 .input-group-text{
    background-color: #424242;
    color: white;
    border: none;
 }
 #description{
    width: 5000px;
 }
 .trStyle{
    background-image:radial-gradient(#3df167, rgb(58, 100, 226));
 }
 #categoryBtn:hover, #submitBtn:hover{
    background-color: #b6b7b4;
    color: #424242;
    border-color: #424242;
 }
 .editDelete{
    background-color: #424242;
    border: none;
 }