/* VARIABLES
------------------------------------- */


:root {
  --color: #fff;

  --text-color: #ddd;
    --text-color-label: rgba(255, 255, 255, 0.7);
  --text-dim: #aaa;

  --highlight-color: #a05c2b;
  --hover-color: #a07b2b;

  --border: 1px solid rgba(250,250,250,0.6);

  --transparent: rgba(0,0,0, 0.0);
  --background-transparent: rgba(0,0,0, 0.15);
  --background-semitransparent: rgba(20,11,08, 0.4);
  --background-semisolid: rgba(20,11,08, 0.75);
  --background-95solid: rgba(0,0,0, 0.95);
  --background-solid: rgba(36,20,11, 1.0);

  --yahrzeit-background: rgba(20,11,08, 0.7);
  --yahrzeit-background-semisolid: rgba(0,0,0, 0.8);
  --yahrzeit-border: 1px solid rgba(250,250,250,0.6);

    --inMemoriam-border: 1px solid rgba(86 ,65,46,0.8);

  --header-background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)) !important;

  --sidebar-background: #40271e;
  --sidebarOpen-background: #5b3526;
  --topnav-background: #331e16;
}

#aspect-ratio {
  background-position: center;
}