/* TABS */
#tab {
width: 98%;
float: left;
background: url(../img/bg.gif);
border-radius: 6px;
margin: 20px 1%;
}

/* Style the buttons inside the tab */
.tab button {
color: white;
background-color: inherit;
float: left;
border: 0;
cursor: pointer;
padding: 8px 16px;
transition: 0.3s;
border-radius: 6px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: Gray;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: Crimson;
}

/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
}