@font-face{
    font-family: zoom;
    src: url(zoom.ttf);
}
@font-face{
    font-family: fast;
    src: url(fast.ttf);
}
@font-face {
  font-family: faster;
  font-style: normal;
  font-weight: 400;
  src: local('Faster One'), local('FasterOne-Regular'), url(https://fonts.gstatic.com/s/fasterone/v8/H4ciBXCHmdfClFb-vWhf-LyYhw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*font-family: 'Faster One', cursive;*/
body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow: hidden;
}
.title{
    position:relative;
    top:0px;
    left:0px;
}
.title h1 a{
    font-family:fast;
    font-size:130px;
}
.title a{
    text-decoration: none;
    color:black;
}
.n{
    position:relative;
    top:20px;
    left:0px;
}
.nav a {
    text-decoration:none;
    color:black;
    margin-right:20px;
    margin-top:-20px;
    font-family:zoom;
    font-size:22px;
    font-weight:bold; 
}
.nav a:hover{
    color:red;
}

.hoo{
    position:absolute;
    top:320px;
    left:-30%;
    width:270px;
    height:auto;
    opacity:1;
    text-align: center;
}
.wut{
    position:absolute;
    top:315px;
    left:-30%;
    width:400px;
    height:auto;
    opacity:1;
}
h1{
    font-family: zoom;
}
.y{
    position:absolute;
    top:315px;
    left:-30%;
    width:300px;
    height:auto;
    opacity:1;
}
/*
Floating crap
.hoo{
    position:absolute;
    bottom:5%;
    left:23%;
    width:200px;
    height:auto;
}
.formText{
    transform:scale(.3);
    float:left;
}
.wut{
    position:absolute;
    bottom:10%;
    left:65%;
    width:200px;
    height:auto;
    border:solid 1px;
    transform:scale(.3);
}
.y{
    position:absolute;
    bottom:10%;
    left:43%;
    width:200px;
    height:auto;
    border:solid 1px;
    transform:scale(.3);
}
*/