/* Put custom CSS here */

/* Page chrome uses Material sidenav tokens, not html/body background */
html {
  --mat-sys-background: transparent;
  --mat-sidenav-container-background-color: transparent;
  --mat-sidenav-content-background-color: transparent;
}

.mat-drawer-container,
.mat-sidenav-container {
  background:
    linear-gradient(rgba(10, 14, 18, 0.35), rgba(10, 14, 18, 0.45)),
    url("/background.jpg") center / cover no-repeat fixed !important;
}

.mat-drawer-content,
.mat-sidenav-content {
  background-color: transparent !important;
}