/* Generated by clrzr */
:root {
  --overhead-projector-darkening-3: radial-gradient(circle farthest-corner at center, rgba(  0,   0,   0, 0.000) 0.0%, rgba(  0,   0,   0, 0.000) 5.0%, rgba(  0,   0,   0, 0.000) 10.0%, rgba(  0,   0,   0, 0.000) 15.0%, rgba(  0,   0,   0, 0.001) 20.0%, rgba(  0,   0,   0, 0.002) 25.0%, rgba(  0,   0,   0, 0.003) 30.0%, rgba(  0,   0,   0, 0.004) 35.0%, rgba(  0,   0,   0, 0.005) 40.0%, rgba(  0,   0,   0, 0.007) 45.0%, rgba(  0,   0,   0, 0.008) 50.0%, rgba(  0,   0,   0, 0.010) 55.0%, rgba(  0,   0,   0, 0.012) 60.0%, rgba(  0,   0,   0, 0.015) 65.0%, rgba(  0,   0,   0, 0.017) 70.0%, rgba(  0,   0,   0, 0.020) 75.0%, rgba(  0,   0,   0, 0.023) 80.0%, rgba(  0,   0,   0, 0.026) 85.0%, rgba(  0,   0,   0, 0.029) 90.0%, rgba(  0,   0,   0, 0.032) 95.0%, rgba(  0,   0,   0, 0.036) 100.0%);
  --overhead-projector-darkening-4: radial-gradient(circle farthest-corner at center, rgba(  0,   0,   0, 0.000) 0.0%, rgba(  0,   0,   0, 0.000) 5.0%, rgba(  0,   0,   0, 0.000) 10.0%, rgba(  0,   0,   0, 0.000) 15.0%, rgba(  0,   0,   0, 0.000) 20.0%, rgba(  0,   0,   0, 0.001) 25.0%, rgba(  0,   0,   0, 0.001) 30.0%, rgba(  0,   0,   0, 0.002) 35.0%, rgba(  0,   0,   0, 0.002) 40.0%, rgba(  0,   0,   0, 0.003) 45.0%, rgba(  0,   0,   0, 0.003) 50.0%, rgba(  0,   0,   0, 0.004) 55.0%, rgba(  0,   0,   0, 0.005) 60.0%, rgba(  0,   0,   0, 0.006) 65.0%, rgba(  0,   0,   0, 0.007) 70.0%, rgba(  0,   0,   0, 0.008) 75.0%, rgba(  0,   0,   0, 0.009) 80.0%, rgba(  0,   0,   0, 0.011) 85.0%, rgba(  0,   0,   0, 0.012) 90.0%, rgba(  0,   0,   0, 0.013) 95.0%, rgba(  0,   0,   0, 0.015) 100.0%);
}

/* creates a very slight effect modeled after an overhead projector */
.projector-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: var(--overhead-projector-darkening-3);
    z-index: 1;
    pointer-events: none;
}