table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}
td,th{border:1px solid #ddd;text-align:left;padding:8px}
th{background-color:#ddd}
.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}
.tab button{background-color:inherit;float:left;border:none;outline:0;cursor:pointer;padding:14px 16px;transition:.3s;font-size:17px}
.tab button:hover{background-color:#ddd}
.tab button.active{background-color:#ccc}
.tabcontent{display:none;padding:6px 12px;border:1px solid #ccc;border-top:none}
.circle{width:30px;height:30px;border-radius:40px;background-color:orange;text-align:center;display:table-cell;overflow:hidden;vertical-align:middle;font-weight:bolder}
.searchbox{background:#e889b3;background:linear-gradient(167deg,rgba(232,137,179,1) 37%,rgba(148,187,233,.9976365546218487) 85%)}
footer{background-color:#000;color:#fff;padding:15px}
button{cursor:pointer;}