body {
  background:#333;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 200;
  text-align:center;
}
#column {
  margin: 20px auto;
  width: 600px;
}
#title {
  color: #000;
  font-family: 'Codystar', sans-serif;
  font-size:5em;
  font-weight: 300;
  padding-bottom: 30px;
  }
em {
  font-style: italic;
  font-weight: 100;
  }
#title .t {
  transition: color .1s ease-in-out;
  color: #666;
  }
#title .e {
  transition: color .1s ease-in-out;
  color: #4A4A4A;
  }
#title .o {
  transition: color .1s ease-in-out;
  color: #585858;
  }
#title a {
  transition: color .1s ease-in-out;
  color: #000;
  text-decoration: none;
  }
/*
#column #title:hover a,
#column #title:hover .t,
#column #title:hover .e,
#column #title:hover .o {
  transition: color .5s ease-in-out;
  color: #f30;
  transition: text-shadow .5s ease-in-out;
  text-shadow: 0 0 20px #fc3;
  }*/

#column:hover #title a { transition: color 5.3s ease-in-out; transition: text-shadow .5s ease-in-out; }
#column:hover #title a .t { transition: color 5.9s ease-in-out; transition: text-shadow .5s ease-in-out; }
#column:hover #title a .e { transition: color 1.5s ease-in-out; transition: text-shadow .5s ease-in-out; }
#column:hover #title a .o { transition: color 5.1s ease-in-out; transition: text-shadow .5s ease-in-out; }

#column:hover #title a,
#column:hover #title a .t,
#column:hover #title a .e,
#column:hover #title a .o {
  color: #f30;
  text-shadow: 0 0 20px #fc3;
  }
#title:hover + #content {
  transition: opacity 1.5s ease-in-out;
  opacity: .2;
  }

#content {
  line-height: 1.6;
  text-align: left;
  opacity: .05;
  padding-top: 20px;
}
#content:hover {
  transition: opacity .5s ease-in-out;
  opacity: 1;
}
hr {
  border:none;
  border-top: dotted 1px;
  color:#999;
  }
a {
  color: #fc3;
  text-decoration: none;
}
a:hover {
  transition: color .1s ease-in-out;
  color: #f30;
  transition: text-shadow .7s ease-in-out;
  text-shadow: 0 0 20px #ff3;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Codystar', sans-serif;
  font-weight: 300;
}