<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap');
table, th, td, h1 {
font-family: 'Teko', sans-serif;
border: 2px solid white;
border-collapse: collapse;
}
th, td {
text-align: center;
}
table#table, marquee {
width: 100%;
background-color: #ad0000;
color:white;
}
table#groupa {
width: 100%;
color:white;
background: linear-gradient(#4b6cb7,#182848);
color: #fff;
text-transform: uppercase;
}
table#groupb {
width: 100%;
color:white;
background: linear-gradient(#f857a6,#ff5858);
color: #fff;
text-transform: uppercase;
}
table#groupc {
width: 100%;
color:white;
background: linear-gradient(#de6262,#ffb88c);
color: #fff;
text-transform: uppercase;
}
</style>
</head>
<body>
<h1 style="color:red">DF Tdm Championship</h1>
<table id="groupa">
<tr>
<td colspan="5">Group A</td>
</tr>
<tr>
<th>Name</th>
<th>Match</th>
<th>Win</th>
<th>Points</th>
<th>Kill Diff</th>
</tr>
<tr>
<td>Krait</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>+10</td>
</tr>
<tr>
<td>Dihan</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Rock'Vai</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>-10</td>
</tr>
</table>
</br>
<table id="groupb">
<tr>
<td colspan="5">Group B</td>
</tr>
<tr>
<th>Name</th>
<th>Match</th>
<th>Win</th>
<th>Points</th>
<th>Kill Diff</th>
</tr>
<tr>
<td>Safayet</td>
<td>2</td>
<td>1</td>
<td>3</td>
<td>+18</td>
</tr>
<tr>
<td>Zeus</td>
<td>2</td>
<td>1</td>
<td>3</td>
<td>+9</td>
</tr>
<tr>
<td>Shahadat</td>
<td>2</td>
<td>0</td>
<td>0</td>
<td>-27</td>
</tr>
</table></br>
<table id="groupc">
<tr>
<td colspan="5">Group C</td>
</tr>
<tr>
<th>Name</th>
<th>Match</th>
<th>Win</th>
<th>Points</th>
<td>Kill Diff</td>
</tr>
<tr>
<td>Himaloy</td>
<td>3</td>
<td>2</td>
<td>4</td>
<td>+6</td>
</tr>
<tr>
<td>Samin</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>+13</td>
</tr>
<tr>
<td>Siam</td>
<td>2</td>
<td>0</td>
<td>0</td>
<td>-19</td>
</tr>
</table>
</body>
</html>