// Variables $red: #ad0000; $lightBlack: #333; $darkGrey: #a9a9a9; $ghostWhite: #f8f8ff; $lightGrey: #d3d3d3; // Mixins @mixin transition($property) {transition: $property .25s;} /*Typography*/ html {font: 16px 'Open Sans Condensed', 'Roboto Condensed', Verdana, sans-serif;} h1 {font-size: 2.25em;} h2 {font-size: 2em;} h3 {font-size: 1.75em;} h4 {font-size: 1.5em;} p {font-size: 1.25em;} /*Layout*/ html, body { width: 100%; height: 100%; } body {color: #333;} *, *:before, *:after {box-sizing: border-box;} .line {