@font-face {
    font-family: 'f';
    src: url('Modeseven-L3n5.ttf');
}

html, body {
	font-family: 'f';
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #000;
}
#contact {
	opacity: 0.7;
}

#fps {
	position: fixed;
		left: 10px;
		top: 10px;
		color: #fff;
}

#logo {
    width: 50%;
    height:100px;
    text-align: left;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: 'f';
    font-size: 4vw;
    text-align: center;
    animation: fadein 10s;
    display:inline-block;
}
small {
    font-size:2vw;
}
.neon {
    color: #fff;
    text-shadow:
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 40px #0ff,
        0 0 80px #0ff,
        0 0 90px #0ff,
        0 0 100px #0ff,
        0 0 150px #0ff;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.blinking-cursor {
    font-weight: 100;
    animation: 1s blink step-end infinite;
    color: #fff;
}

@keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

#footer {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #eef;
	font-size: 1vw;
}