/* Layer Above the background, and below the content. */


.blur-only {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: transparent;
}

.blur-behind {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px); /* Safari */
  background: rgba(0, 0, 0, 0.25);     /* optional tint */
}

.blue-glass {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(0, 80, 255, 0.25);
}