<div style="text-align: center; margin-left: 15em; margin-right: 15em; margin-top: 5em;">
  <mat-card class="transparent">
    <mat-card-title> Du musst raten!
      <br>
      <br>
      <br>
      Spielstand</mat-card-title>
    <mat-card-content>
      <br>
      <table>
        <tr>
          <th>Team rot</th>
          <th>Team blau</th>
        </tr>
        <tr>
          <th class = "red">{{gameStatus.red}}</th>
          <th class = "blue">{{gameStatus.blue}}</th>
        </tr>
      </table>
    </mat-card-content>
    <br>
    <mat-progress-spinner class = "center" color="primary" mode="determinate" value={{timeLeft}} aria-label="Rating">

    </mat-progress-spinner>
    <mat-card-content class = "timer">{{timeRemaining}}</mat-card-content>
  </mat-card>
</div>