<div data-aos="zoom-out" data-aos-duration="250">
  <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 style="border-radius: 50%;" 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>
<br>
<br>
<br>
<app-round-history
  [round]="gameStatus.round"
  [canEdit]="false"
  [history]="history"
  [sessionName]="sessionName"
>
</app-round-history>
<br>
<br>
<br>