﻿body {
	font-family: sans-serif;
	background: black;
}
h1,h2{
	font-family:'Cute Font', sans serif;
}
small {
	font-family: serif;
	color: white;	
}
.content {
	background: rgba(255,255,255,.6);
	border:	gray 1px solid;
	width: 688px;
	height: 350px;
	padding: 5px;
	margin: 20px;
	margin-bottom: 5px;
	margin-top: 0px;
	text-align: left;
	overflow: auto;
}
.floatimg {	
	float: left;
	width: 200px;
	padding: 10px;
}

.digifloat {
	padding: 10px;
	margin-top: 250px; 
	margin-left: 960px;
	position: absolute; 
}
/* falling stars */
.falling {
	width:100%;
	height:calc(100vh + 470px);
	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(-470px); opacity:0;}
        50% {transform: translateY(-230px); opacity:1;}
        100% {transform: translateY(0px); opacity:0;}
        }

@keyframes backgroundScroll {
        0% {transform: translateY(-470px); opacity:0;}
        50% {transform: translateY(-230px); opacity:1;}
        100% {transform: translateY(0px); opacity:0;}
        }