body {
	margin: 0px;
}

/* Fireflies */
#firefly {
	width:4px;
	height:4px;
	position:absolute;
	background-color: gold;
	box-shadow:0px 0px 17px 2px wheat;
	border-radius: 50%;
}

/* Summer */
#dust {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

/* Rain and Thunder */
#rain {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.rainCanvas, .flashDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	background: transparent;
}

.flashing {
	animation: flashAnim ease-out 1s;
}

@keyframes flashAnim {
	0% { background: transparent; }
	55% { background: rgba(88, 88, 87, 0.27); }
	60% { background: transparent; }
	75% { background: rgba(88, 88, 87, 0.27); }
	80% { background: transparent; }
	95% { background: rgba(88, 88, 87, 0.27); }
	100% { background: transparent; }
}

/* Background Images */
#nighttimeForestBackground {
	background-image: url("../assets/images/misty.forest.night.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

#daytimeForestBackground {
	background-image: url("../assets/images/misty.forest.day.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}