* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
html, body {
    min-height: 100%;
}
body {
    height: 100vh;
}
a {
    text-decoration: none;
}
ul {
    list-style-type: none;
    text-align: center;
    margin: 5% auto;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100;
}
ul li {
    display: inline-block;
    /*margin: 25px;*/
    margin: 20px;
}
img {
    /*height: 125px;*/
    height: 80px;
}
img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
@keyframes fadein {
    0% { opacity: 0; }
}
body {
  background: #000;
  min-height: 100vh;
}
canvas {
	position: fixed;
	display: block;
	filter: blur(6px) drop-shadow(0 0 30px rgba(51,180,172,1));
	transform-origin: 0 100%;
	transform: skewX(-20deg);
	animation: fadein 6s 1;
	z-index: 10;
}
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}
.stars, .twinkling, .clouds {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
}
.stars {
    background:#000 url(img/stars.png) repeat top center;
    z-index:0;
}
.twinkling{
    background:transparent url(img/twinkling.png) repeat top center;
    z-index:1;
    -moz-animation:move-twink-back 200s linear infinite;
    -ms-animation:move-twink-back 200s linear infinite;
    -o-animation:move-twink-back 200s linear infinite;
    -webkit-animation:move-twink-back 200s linear infinite;
    animation:move-twink-back 200s linear infinite;
}
.clouds{
    background:transparent url(img/clouds.png) repeat top center;
    z-index:3;
    -moz-animation:move-clouds-back 200s linear infinite;
    -ms-animation:move-clouds-back 200s linear infinite;
    -o-animation:move-clouds-back 200s linear infinite;
    -webkit-animation:move-clouds-back 200s linear infinite;
    animation:move-clouds-back 200s linear infinite;
}