#overlay {
    pointer-events: none;
    
    display: block;
    
    float: left;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    
    width: 100vw;
    height: 100vh;
    
    backdrop-filter: blur(0.5px);
    
    animation: 0.1s linear infinite flicker;
}
@keyframes flicker{
    0% {
    background:
        repeating-linear-gradient(
        to bottom,
        #0000 1px, #0000 4px,
        #2222 6px, #2222 9px);
    }
    50% {
    background:
        repeating-linear-gradient(
        to top,
        #0000 1px, #0000 4px,
        #2221 6px, #2221 9px);
    }
    100% {
    background:
        repeating-linear-gradient(
        to bottom,
        #0000 1px, #0000 4px,
        #2222 6px, #2222 9px);
    }
}
/***************************************************/
.fade1 {
    opacity: 0;
    animation: 0.5s 0.5s linear fade;
    animation-fill-mode: forwards;
}
.fade2 {
    opacity: 0;
    animation: 0.5s 1s linear fade;
    animation-fill-mode: forwards;
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1
    }
}