div.fw_buildings{
	width: 100%;
	height: 100%;
	background-image: url("fw_buildings.png");
	background-size: 45%;
	background-position: bottom;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 10%;
	pointer-events: none;
	z-index: -1;
}
div.fw_firework_gfx, div.fw_firework_thingy{
	background-size: 50%;
	background-repeat: no-repeat;
}
div.fw_buildings_grey{
	position: absolute;
	background-color: #5a5a5a;
	height: 10%;
	width: 100%;
	bottom: 0px;
}
div.fw_firework_container{
	width: 100%;
	height: 100%;
	animation-name: fw_wobble;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transform-origin: left;
	pointer-events: none;
}
div.fw_container{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	z-index: -1;
}
div.fw_firework_size{
	width: 378px;
	height: 360px;
}
div.fw_firework_gfx{
	background-image: url("fw_firework.png");
	background-position: center;
	animation-name: fw_rotate;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transform-origin: 50% 50%;
	visibility: hidden;
}
div.fw_firework_scale{
	animation-name: fw_scale;
	animation-duration: 0.6s;
	animation-timing-function: linear;
	transform-origin: center;
}
div.fw_firework_shift{
	margin-left: -180px;
}
div.fw_firework_thingy{
	width: 20px;
	height: 100%;
	background-image: url("fw_firework_thingy.png");
	background-repeat: no-repeat;
	animation-name: fw_move_up;
	animation-duration: 1s;
	animation-timing-function: linear;
}
div.fw_back{
	width: 83px;
	height: 83px;
	background-image: url("../assets/pics/left_arrow_norm.png");
	cursor: pointer;
}
div.fw_back:hover{
	background-image: url("../assets/pics/left_arrow_over.png");
}
#fw_reminder{
	cursor: pointer;
}
@keyframes fw_rotate{
	from {transform: rotate(0deg);filter: hue-rotate(0deg);}
	to {transform: rotate(360deg);filter: hue-rotate(360deg);}
}
@keyframes fw_scale{
	from {transform: scale(0.1);opacity: 1;}
	to {transform: scale(4);opacity: 0;}
}
@keyframes fw_move_up{
	from {transform: translateY(100%);}
	to {transform: translateY(15%);}
}
@keyframes fw_wobble{
	0% {transform: rotate(-20deg);}
	50% {transform: rotate(20deg);}
	100% {transform: rotate(-20deg);}
}
body{
	margin: 0px;
	overflow: hidden;
	user-select: none;
}