body {
      margin: 0;
      min-height: 100vh;
      position: relative;
      pointer-events: auto;
      z-index: 0;
       }

    @media (min-width: 1200px) {
       body {
        background:
          linear-gradient(to right, #ddd 1px, transparent 1px) 2% 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(2% + (100vw - 4%) / 6) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(2% + (100vw - 4%) / 6 * 2) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(2% + (100vw - 4%) / 6 * 3) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(2% + (100vw - 4%) / 6 * 4) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(2% + (100vw - 4%) / 6 * 5) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(100vw - 2%) 0;
        background-repeat: no-repeat;
        background-size: 1px 100%;
      }
    }

    @media (min-width: 480px) and (max-width: 1199px) {
       body {
        background:
          linear-gradient(to right, #ddd 1px, transparent 1px) 1% 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(1% + (100vw - 2%) / 4) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(1% + (100vw - 2%) / 4 * 2) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(1% + (100vw - 2%) / 4 * 3) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(100vw - 1%) 0;
        background-repeat: no-repeat;
        background-size: 1px 100%;
      }
    }

    @media (max-width: 479px) {
       body {
        background:
          linear-gradient(to right, #ddd 1px, transparent 1px) 1% 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(100vw / 2) 0,
          linear-gradient(to right, #ddd 1px, transparent 1px) calc(100vw - 1%) 0;
        background-repeat: no-repeat;
        background-size: 1px 100%;
      }
    }