Table CSS not showing up

Hi,

This is a personal project but my table is not showing up. Can someone please help me figure out what’s wrong? I think there’s something wrong with these 2 files but I do have more files that could be the problem. I’ve noticed the title of the movie is missing from the table data.

What’s it looking like that the moment:

My CSS file


.output-area {
}

.movie-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    text-align: left;
}

.movie-table th,
.movie-table td {
    padding: 0.5em 0.8em;
}

.movie-table thead th {
    background-color: #941A1D;
    color: white;
    font-weight: normal;
}

.movie-table tbody td {
    border-bottom: 1px solid #941A1D;
    border-right: 1px dotted #941A1D;
}

.movie-table tbody td:last-child {
    border-right: none;
}

.movie-table tr:last-child td {
    border-bottom: none;
}

My XSLT file

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
				xmlns:movies="http://tempuri.org/MOVIES"
				xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
				xmlns:msxsl="urn:schemas-microsoft-com:xslt" 
				exclude-result-prefixes="msxsl movies"
>
    <xsl:output method="html" indent="yes"/>

    <xsl:template match="/">
		<table class="movie-table">
			<thead>
				<tr>
					<th>Title</th>
					<th>Director</th>
					<th>Synopsis</th>				
				</tr>
			</thead>
			<tbody>

				<xsl:for-each select="/movies:Movies/movies:Movie" xml:space="preserve">
						<xsl:variable name="movieId" select="movies:movieId"/>
                        <tr>
                            <td><xsl:value-of select="movies:Title"/></td>
                            <td><xsl:value-of select="movies:Director"/></td>                       
                            <td><xsl:value-of select="movies:Synopsis"/></td>
                        </tr>
				</xsl:for-each>
			</tbody>
		</table>
	</xsl:template>
</xsl:stylesheet>

My XML file

<?xml version="1.0" encoding="utf-8"?>
<Movies xmlns="http://tempuri.org/MOVIES">
  <Movie Id="1">
    <Title>Lord of the Strings</Title>
    <Director>Ja Va Token</Director>
    <Synopsis>An evil wizard controls "Magic Strings" in a fantasy tale that will string you along to the last letter. Invalid data types beware as "you shall not parse".</Synopsis>
  </Movie>
  <Movie Id="2">
    <Title>The Ternarator</Title>
    <Director>Bool Ian</Director>
    <Synopsis>No if, else about it, a young programming terminates decisions in a single line.</Synopsis>
  </Movie>
  <Movie Id="3">
    <Title>Double jeopardy</Title>
    <Director>Ung Signed</Director>
    <Synopsis>Framed for using the wrong data type, a young programming was sentenced for a long time. Trying to keep a float in troubled waters he sets out tot find the real offender.</Synopsis>
  </Movie>
  <Movie Id="4">
    <Title>Byte club</Title>
    <Director>Justin Time</Director>
    <Synopsis>Discontent with modern day languages, a young programmer starts an underground club for writing software pureply in byte code.</Synopsis>
  </Movie>
  <Movie Id="5">
    <Title>Char wars</Title>
    <Director>See Sharp</Director>
    <Synopsis>With a star studded case of characters from a to z. This outer world sci-fi adventure finds a programming discovering her ability to use the source.</Synopsis>
  </Movie>
</Movies>