.monkeywrench {
    background-image: url("/images/bg-monkeywrench.jpg");
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 100500;
    background-image: url("/images/bg-monkeywrench.jpg");
    background-size: 100% auto;
    opacity:0.1;
    pointer-events: none;
    background-color: yellow !important;
}
.pds-app-header-bar {
    background-color: yellow !important;
}
#pds-header {
    background: linear-gradient(to right, #FFEB05, #FFB800) !important;
}
@media not screen {
    .monkeywrench{ display:none; }
}
.monkeywrench-blur {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px; 
    margin-left: -16px; 
    min-width: 32px;
    min-height: 32px;
    border: dotted lightgray 0.5px;
    backdrop-filter: blur(3px);
    color: lightgray;
    background-color: yellow !important;
}