:root {
   color: #f3d6d6;
 
   @import 'https://fonts.googleapis.com/css?family=VT323';

light-grey: #e0e2f4;
grey: #aaaaaa;
blue: #0414a7;

base-font-size: 20px;
font-stack: 'VT323', monospace;

body,
h1,
h2,
h3,
h4,
p,
a { color: light-grey; }

body,
p { font: normal #{base-font-size}/1.25rem font-stack; }
h1 { font: normal 2.75rem/1.05em font-stack; }
h2 { font: normal 2.25rem/1.25em font-stack; }
h3 { font: lighter 1.5rem/1.25em font-stack; }
h4 { font: lighter 1.125rem/1.2222222em font-stack; }

body { background: #943961; }

.container {
  width: 90%;
  margin: auto;
  max-width: 640px;
}

.bsod {
  padding-top: 10%;
  
  .neg {
    text-align: center;
    color: #f3d6d6;
    
    .bg {
      background: #9d7586;
      padding: 0 15px 2px 13px;
    }
    
  .title { margin-bottom: 50px; }
  .nav {
    margin-top: 35px;
    text-align: center;
    
    .link {
      text-decoration: none;
      padding: 0 9px 2px 8px;
      
      &:hover,
      &:focus {
        background: 	#246b81;
        color: #5b7251;
      }