@font-face {
  font-family: 'scientifica';
  src: url('scientifica.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
*{
  color: #ebdbb2;
  font-family: "scientifica";
}
.contact{
  color: #98971a;
}
body{
    margin:0;
    padding:0;
}
.about{
  color: #689d6a;
}
a, a .highlight{
  color: #83a598;
}
a:visited, a:visited .highlight{
  color: #d3869b;
}


#container {
  position: relative;
}
#container canvas, #overlay {
  position: absolute;
}
#overlay{
  padding: 15px;
  width:350px;
  position: absolute;
  padding-top: 20%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(000%);
  -webkit-transform: translate(-50%,000%);
  transform: translate(-50%,000%);
}