CSS3 Grid Background

100% CSS with vendor prefixes and fall back base64 png background-image. Grid scrolls with page as mask stays put, giving the page a really neat look.

SCSS

html{font-size: 87.5%}
body{width:80%;max-width:900px;min-width:320px;margin:0 auto;padding:7.5% 20px;font:1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;color:rgba(255,255,255,0.9);text-shadow: rgba(0,0,0,0.25) 0 1px 1px}h1,h2,h3{text-align:center;line-height:1em}
h1{margin-bottom:0.2em;font-weight:100;font-size:4em}
h2{margin:0 auto 0.7em;font-weight:400;font-size:1.6em;line-height:1.2em;max-width:800px}
h3{margin-bottom:0.3em;font-weight:200;font-size:1.2em}a{color:#36C;text-decoration:none}a:hover{text-decoration: underline}
@media(max-width: 480px){h1{font-size:2em}h2{font-size:1.2em}}

p{margin:1.5em 0;text-align: justify}
.bold{font-weight:900}

/* COPY BELOW HERE */

.background-grid-pattern {
  background-color: #36C;
  
  background-image:
    -webkit-radial-gradient(center, ellipse cover, rgba(51,102,204,0) 0%, rgba(39,76,153,0.75) 100%),
    -webkit-linear-gradient(left,
      rgba(0,0,0,0.15)  0%, rgba(0,0,0,0.15) 1.111111111%, transparent 1.111111111%, transparent 20%,
      rgba(0,0,0,0.05) 20%, rgba(0,0,0,0.05) 21.11111111%, transparent 21.11111111%, transparent 40%,
      rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.05) 41.11111111%, transparent 41.11111111%, transparent 60%,
      rgba(0,0,0,0.05) 60%, rgba(0,0,0,0.05) 61.11111111%, transparent 61.11111111%, transparent 80%,
      rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.05) 81.11111111%, transparent 81.11111111%, transparent 100%),
    -webkit-linear-gradient(top,
      rgba(0,0,0,0.15)  0%, rgba(0,0,0,0.15) 1.111111111%, transparent 1.111111111%, transparent 20%,
      rgba(0,0,0,0.05) 20%, rgba(0,0,0,0.05) 21.11111111%, transparent 21.11111111%, transparent 40%,
      rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.05) 41.11111111%, transparent 41.11111111%, transparent 60%,
      rgba(0,0,0,0.05) 60%, rgba(0,0,0,0.05) 61.11111111%, transparent 61.11111111%, transparent 80%,
      rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.05) 81.11111111%, transparent 81.11111111%, transparent 100%);
  
  background-attachment: fixed,...