.dark_overlay_noscript { background-color: rgba(0,0,0,.50); top: 0; left: 0; height: 100%; width: 100%; z-index: 2000; position: fixed; } .no_JS { top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 5%; font-size: 120%; width: 50%; position: absolute; background-color: rgb(255,255,255); z-index: 1; height: 35%; display: flex; justify-content: center; border-width: 0.75vmax; border-style: ridge; border-color: rgb(240,52,52); } .no_JS_mobile { top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 5%; font-size: 125%; width: 70%; position: absolute; background-color: rgb(255,255,255); z-index: 1; height: 50%; display: flex; justify-content: center; } .exit_lb { border: none; position: absolute; top: 0%; left: 0%; background-color: transparent; filter: invert(5%); padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; margin-left: 6px; margin-top: 1px; margin-bottom: 1px; } #exit_chk { display: none; position: absolute; top: -300%; left: -300%; } #exit_chk:checked + div[class=dark_overlay_noscript] { display: none; }