HTML/CSS - project Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        
    </body><table>
                <tr><th>Team Name</th>
                    <th>Location</th>
                    <th>League Type</th></tr>
                <tr>
                    <td>Afterburn - Air Force</td>
                    <td>Colorado</td>
                    <td>Men's</td>
                </tr>
                <tr>
                    <td>Cold Front (Bates College)</td>
                    <td>Maine</td>
                    <td>Women's</td>
                </tr>
                <tr>
                    <td>Disco Inferno (Brown University)</td>
                    <td>Rhode Island</td>
                    <td>Women's</td>
                </tr>
                <tr>
                    <td>Bad Habit (Catholic University)</td>

css

table{
  margin-left:50px;
  border-collapse:collapse;
}
table th{
  color: #ffffff;
  border-radius:5px;
  border-bottom: 50px solid  black;
  /*not working*/
  background-color: rgb(0,150,0);
  border:5px;
  text-transform:uppercase;
  padding: 10px;
  text-align:center;
}
/* need to have top corners rounded and border across all the rows and columns*/
th:first-child{
  text-align:left;
}
td{
  padding:10px;
  text-align:center;
  background-color: DodgerBlue;
  font-size:18px;
}
td:first-child{
  text-align:left;
}

BROWSER

Console