* { 
    font-family: verdana; 
    font-size: 10pt; 
    color: #888; 
}

h2 { 
    font-size: 14pt; 
    text-align: center; 
}

table { 
    border-collapse: separate; 
    border: 3px solid rgba(85, 69, 54, 0.7); 
	border-spacing: 0;
    margin: 0 auto; 
    box-shadow: 15px -8px 10px rgba(0, 0, 0, 0.4); 
    border-radius: 7px; 
}

tr { 
    height: auto; 
    line-height: 0;
}

td { 
    text-align: center; 
    padding: 0; 
    margin: 0; 
    border: 1px solid black; 
}

.search-container { 
    position: absolute; 
    top: 10px; 
    right: 10px; 
}

.search-container input[type="text"] {
    border: 3px solid #888;
    border-radius: 7px;
    padding: 5px;
    outline: 1px solid gray;
	outline-offset: 2px; 
}

.search-container button { 
    padding: 5px 10px; 
    font-size: 12pt; 
    background-color: saddlebrown; 
    color: white; 
    border: none; 
    cursor: pointer; 
}

.clear-button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 16px;
  cursor: pointer;
}