tr:nth-child(odd) {
background-color:#f1f1f1;
}
table {border-collapse: collapse;
}
body {
font-family: 'Roboto', sans-serif, Arial;
}
table, th, td {
border: 1px solid black;
font-family: 'Roboto', sans-serif, Arial;
}
th, td {
padding: 15px; 
text-align: left;
}
.tab {
overflow: hidden; 
border: 1px solid #ccc; 
background-color: #f1f1f1
}
.tab button {
background-color: inherit; 
float: left; 
border: none; 
outline: none; 
cursor: pointer; 
padding: 14px 16px; 
transition: 0.3s;
}
.tab button:hover {
background-color: #F19F4D;
}
.tab button.active {
background-color: #F9CF00;
}
.tabcontent {
display: none; 
padding: 6px 12px; 
border: 1px solid #ccc; 
border-top: none;
}