/*

        Okay, this is ridiculous. 
        Why are you even here???
                freak.

*/
html {
	overflow-y: hidden;
}
body {
    font-family: 'Roboto';
    font-style: normal;
    src: local('Roboto'), local('Roboto'), url(http://fonts.gstatic.com/s/robotoslab/v9/BngMUXZYTXPIvIBgJJSb6ufN5qA.ttf) format('truetype');
/* background-image: url("bg.gif"); */
background-color: #000000;
	/* background-size: cover; */
}
.container {
  height: 1000px;
}
a {
    color: #fff;
    text-shadow: 0 0 10px #A359FF;
}
a:hover { 
    text-shadow: 0 0 10px #eeff00; 
    color: #fff;
}
.nav {
    position: fixed;
    top: 90%;
    left: 2%;
    right: 50%;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.foot {
    position: fixed;
    top: 1%;
    right: 10%;
    z-index: 99;
    font-size: 12px;
    color: #fff;
     text-shadow: 0 0 20px #000;
}
.helios {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);     
    -ms-transform: translate(-50%, -50%);    
	font-family: "Roboto";
	text-align: center;
	color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
    font-size: 3em;
	height: 100vh;
    letter-spacing: 1px;   

}
h1 {
	background-image: url("what.gif");
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	font-size: 0.2em;
	line-height: .75;
	margin: 10px 0;
   

}