/* Stack the grid pattern on top of the blue gradient shipped by
   /shared/global_ui.css. Comma-separated background layers: first listed
   paints on top, so the grid sits above the gradient but still behind all
   body content (backgrounds always paint behind content). */
body {
    background:
        repeating-linear-gradient(0deg, rgba(79, 195, 255, 0.10) 0px, rgba(79, 195, 255, 0.10) 1px, transparent 1px, transparent 50px),
        repeating-linear-gradient(90deg, rgba(79, 195, 255, 0.10) 0px, rgba(79, 195, 255, 0.10) 1px, transparent 1px, transparent 50px),
        linear-gradient(135deg, #0f2027, #203a43, #2c5364) !important;
    background-attachment: fixed, fixed, fixed !important;
    background-size: 50px 50px, 50px 50px, cover !important;
}

.grid-background {
    display: none;
}