body {
	background: black;
}
a {
	color: white;
}
h1 {
	font-family: 'Cute Font', sans serif;
	font-size: 50px;
}
/* falling stars */
.falling {
	width:100%;
	height:calc(100vh + 468px);
	position:fixed;
	top:0;
	left:0;
	background-image: url("assets/fallingstars.gif");
	will-change: transform, filter;
	z-index: -1;
	}
@-webkit-keyframes backgroundScroll {
        0% {transform: translateY(-468px); opacity:0;}
        50% {transform: translateY(-234px); opacity:1;}
        100% {transform: translateY(0px); opacity:0;}
        }

@keyframes backgroundScroll {
        0% {transform: translateY(-468px); opacity:0;}
        50% {transform: translateY(-234px); opacity:1;}
        100% {transform: translateY(0px); opacity:0;}
        }
/*floppy spin */
.dance {
	width: 300px;
	-webkit-animation: fspin 1s infinite;
	animation: fspin 1s infinite; 
	}
@-webkit-keyframes fspin {
        0% {transform: rotate(0deg);}
	25% {transform: rotate(10deg);}
        50% {transform: rotate(0deg);}
	75% {transform: rotate(-10deg);}
        100% {transform: rotate(0deg);}
        }

@keyframes fspin {
        0% {transform: rotate(0deg);}
	25% {transform: rotate(10deg);}
        50% {transform: rotate(0deg);}
	75% {transform: rotate(-10deg);}
        100% {transform: rotate(0deg);}
        }