<div>Neat!</div>
@import "compass/css3";

$tile-color: #44f;
$opacity: 0.2; 
$square-size: 50px; 
$angle: 45deg;

body {
  background-size: $square-size $square-size;
	background-image: 
		linear-gradient($angle, transparent 0%, transparent 50%, rgba($tile-color, $opacity) 50%, rgba($tile-color, $opacity) 100%),
		linear-gradient(-$angle, transparent 0%, transparent 50%, rgba($tile-color, $opacity) 50%, rgba($tile-color, $opacity) 100%); 

}

div {
  background: transparent;
  height: 100%;
  width: 100%;
  margin-top: 100px;
  text-align: center;
  font-size: 70px;
  letter-spacing: 0.2em;
  font-family: "Georgia", serif;
  text-shadow: 0.03em 0.02em 0.03em #000;
  color: #f44;
}

View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.