.centerDiv{
    width: fit-content;
    text-align: center;
    display: block;
    margin: 0 auto 0 auto;
    box-shadow: 0px 0px 5px 1px lightgray;
    border-radius:  1rem;
    padding: 1rem;
}

.navbar{
    background-color: darkred !important;
}
footer{
    background-color: darkred !important;
    text-align: center;
    color: white;
    margin-top: auto;
    min-height: 4rem;
}

.centerDiv2{
    width: fit-content;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.centerDiv3{
    width: fit-content;
    text-align: center;
    display: inline-block;
    box-shadow: 0px 0px 5px 1px lightgray;
    border-radius:  1rem;
    padding: 1rem;
    margin: 1rem;
}
.centerDiv3:hover{
    width: fit-content;
    text-align: center;
    display: inline-block;
    box-shadow: 0px 0px 5px 1px darkred;
    border-radius:  1rem;
    padding: 1rem;
    margin: 1rem;
}

.centerDiv4{
    width: fit-content;
    text-align: left;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.noDecor{
    text-decoration: none !important;
    color: black !important;
}
#searchVal{
    text-transform: uppercase;
}

#table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: fit-content;
    margin: 0 auto 0 auto;
    text-align: center;
  }
  
  #table td, #table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
  }
  
  #table tr:nth-child(even){background-color: #f2f2f2;}
  
  #table tr:hover {background-color: #ddd;}
  
  #table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: darkred;
    color: white;
  }