.whiteglass {
  background: rgba(255, 255, 255, 0.75); /* Translucent white */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  /* Adds a "sheen" to the edges like real glass */
  border: 1px solid rgba(255, 255, 255, 0.3);
  
  /* Adds depth so the "glass" appears to float */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  
  /* Optional: Increases color vibrancy behind the glass */
  /* backdrop-filter: blur(12px) saturate(180%); */
}
.blackglass {
  background: rgba(0,0,0, 0.75); /* Translucent white */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  /* Adds a "sheen" to the edges like real glass */
  border: 1px solid rgba(64,64,64, 0.5);
  
  /* Adds depth so the "glass" appears to float */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  
  /* Optional: Increases color vibrancy behind the glass */
  /* backdrop-filter: blur(12px) saturate(180%); */
}