<div style="text-align: center; margin-left: 15em; margin-right: 15em; margin-top: 5em;">
  <mat-card class="transparent">
    <h1>Willkommen bei Tabu im Online-Multiplayer-Modus</h1>
    <h2>Ideal im Lockdown!</h2>
  </mat-card>
  <br>
  <br>
  <br>
  <mat-card class="transparent">
    <mat-card-title>Spielsuche</mat-card-title>
    <mat-card-subtitle>Finde ein Spiel über den Spielnamen oder erstelle ein neues</mat-card-subtitle>
    <mat-card-content>
      <form>
        <mat-form-field>
          <mat-label>Spielname</mat-label>
          <input type="text" pattern="[0-9A-Za-z]*" matInput>
        </mat-form-field>
      </form>
    </mat-card-content>
    <mat-card-actions>
      <button mat-raised-button color="primary" (click)="getSpielSessions()">Spiel erstellen</button>
      <button mat-raised-button color="primary" (click)="joinGame()">Spiel beitreten</button>
    </mat-card-actions>
  </mat-card>
</div>