/* Holiday Themes */

/* Default Theme - DEVRAW Orange text */
.theme-default .devraw_text
{
	color: #ff6600 !important;
}

/* Winter Theme - Light Blue text */
body.theme-winter.site_body::before,
.site_body.theme-winter::before
{
	background: linear-gradient(to bottom, #2a2a2a 0%, #4a90e2 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-winter .devraw_text
{
	color: #87ceeb !important;
	/* Light Blue */
}

/* Snowflakes Animation */
.theme-winter .snowflakes
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.snowflake
{
	position: absolute;
	top: -10px;
	color: white;
	font-size: 2.5em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
	animation: snowfall linear infinite;
	opacity: 0.25;
}

@keyframes snowfall
{
	0%
	{
		transform: translateY(0) translateX(0) rotate(0deg);
		opacity: 0.25;
	}

	100%
	{
		transform: translateY(100vh) translateX(50px) rotate(360deg);
		opacity: 0;
	}
}

/* Different snowflake speeds and delays - spaced for constant falling */
.snowflake:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.snowflake:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.snowflake:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.snowflake:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.snowflake:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.snowflake:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.snowflake:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.snowflake:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.snowflake:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.snowflake:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.snowflake:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.snowflake:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.snowflake:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.snowflake:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.snowflake:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

.snowflake:nth-child(16)
{
	left: 80%;
	animation-duration: 11s;
	animation-delay: 1.7s;
}

.snowflake:nth-child(17)
{
	left: 85%;
	animation-duration: 14s;
	animation-delay: 2.0s;
}

.snowflake:nth-child(18)
{
	left: 90%;
	animation-duration: 17s;
	animation-delay: 2.3s;
}

.snowflake:nth-child(19)
{
	left: 95%;
	animation-duration: 12s;
	animation-delay: 2.6s;
}

.snowflake:nth-child(20)
{
	left: 50%;
	animation-duration: 15s;
	animation-delay: 2.9s;
}

/* Valentine's Day Theme - Dark Grey text */
body.theme-valentines.site_body::before,
.site_body.theme-valentines::before
{
	background: linear-gradient(to bottom, #ff69b4 0%, #dc143c 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-valentines .devraw_text
{
	color: #2a2a2a !important;
	/* Dark Grey */
}

/* Hearts Animation */
.theme-valentines .hearts
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.heart
{
	position: absolute;
	top: -10px;
	color: #ff69b4;
	font-size: 2.5em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px rgba(255, 105, 180, 0.3);
	animation: heartfall linear infinite;
	opacity: 0.2;
}

@keyframes heartfall
{
	0%
	{
		transform: translateY(0) translateX(0) rotate(0deg);
		opacity: 0.2;
	}

	100%
	{
		transform: translateY(100vh) translateX(50px) rotate(360deg);
		opacity: 0;
	}
}

/* Different heart speeds and delays - spaced for constant falling */
.heart:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.heart:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.heart:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.heart:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.heart:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.heart:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.heart:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.heart:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.heart:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.heart:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.heart:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.heart:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.heart:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.heart:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.heart:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

.heart:nth-child(16)
{
	left: 80%;
	animation-duration: 11s;
	animation-delay: 1.7s;
}

.heart:nth-child(17)
{
	left: 85%;
	animation-duration: 14s;
	animation-delay: 2.0s;
}

.heart:nth-child(18)
{
	left: 90%;
	animation-duration: 17s;
	animation-delay: 2.3s;
}

.heart:nth-child(19)
{
	left: 95%;
	animation-duration: 12s;
	animation-delay: 2.6s;
}

.heart:nth-child(20)
{
	left: 50%;
	animation-duration: 15s;
	animation-delay: 2.9s;
}

/* New Years Theme - Grey-Gold gradient, Yellow text */
body.theme-newyears.site_body::before,
.site_body.theme-newyears::before
{
	background: linear-gradient(to bottom, #4a4a4a 0%, #d4af37 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-newyears .devraw_text
{
	color: #ffd700 !important;
	/* Yellow */
}

/* New Years Falling Elements */
.theme-newyears .newyears_elements
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.newyears_element
{
	position: absolute;
	top: -10px;
	font-size: 2.5em;
	font-family: Arial, sans-serif;
	animation: elementfall linear infinite;
	opacity: 0.25;
}

@keyframes elementfall
{
	0%
	{
		transform: translateY(0) translateX(0) rotate(0deg);
		opacity: 0.25;
	}

	100%
	{
		transform: translateY(100vh) translateX(50px) rotate(360deg);
		opacity: 0;
	}
}

.newyears_element:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.newyears_element:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.newyears_element:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.newyears_element:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.newyears_element:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.newyears_element:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.newyears_element:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.newyears_element:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.newyears_element:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.newyears_element:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.newyears_element:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.newyears_element:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.newyears_element:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.newyears_element:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.newyears_element:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

.newyears_element:nth-child(16)
{
	left: 80%;
	animation-duration: 11s;
	animation-delay: 1.7s;
}

.newyears_element:nth-child(17)
{
	left: 85%;
	animation-duration: 14s;
	animation-delay: 2.0s;
}

.newyears_element:nth-child(18)
{
	left: 90%;
	animation-duration: 17s;
	animation-delay: 2.3s;
}

.newyears_element:nth-child(19)
{
	left: 95%;
	animation-duration: 12s;
	animation-delay: 2.6s;
}

.newyears_element:nth-child(20)
{
	left: 50%;
	animation-duration: 15s;
	animation-delay: 2.9s;
}

/* DEVRAW's BDAY Theme - Orange-Orange gradient, Dark Grey text */
body.theme-bday.site_body::before,
.site_body.theme-bday::before
{
	background: linear-gradient(to bottom, #803300 0%, #804400 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-bday .devraw_text
{
	color: #ff6600 !important;
	/* DEVRAW Orange */
}

/* BDAY Falling Logos and Confetti */
.theme-bday .bday_elements
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.bday_element
{
	position: absolute;
	top: -10px;
	animation: elementfall linear infinite;
	opacity: 0.7;
}

.bday_element img
{
	width: 3em;
	height: 3em;
	object-fit: contain;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
}

/* Confetti */
.bday_confetti
{
	position: absolute;
	top: -10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	animation: confettifall linear infinite;
	opacity: 0.6;
}

@keyframes confettifall
{
	0%
	{
		transform: translateY(0) translateX(0) rotate(0deg);
		opacity: 0.6;
	}

	100%
	{
		transform: translateY(100vh) translateX(30px) rotate(360deg);
		opacity: 0;
	}
}

.bday_element:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.bday_element:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.bday_element:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.bday_element:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.bday_element:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.bday_element:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.bday_element:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.bday_element:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.bday_element:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.bday_element:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.bday_element:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.bday_element:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.bday_element:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.bday_element:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.bday_element:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

/* Spring Theme - Green to Yellow gradient, Pink text */
body.theme-spring.site_body::before,
.site_body.theme-spring::before
{
	background: linear-gradient(to bottom, #90ee90 0%, #ffff00 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-spring .devraw_text
{
	color: #ff69b4 !important;
	/* Pink */
}

/* Spring Falling Elements */
.theme-spring .spring_elements
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.spring_element
{
	position: absolute;
	top: -10px;
	font-size: 2.5em;
	font-family: Arial, sans-serif;
	animation: elementfall linear infinite;
	opacity: 0.25;
}

.spring_element:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.spring_element:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.spring_element:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.spring_element:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.spring_element:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.spring_element:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.spring_element:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.spring_element:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.spring_element:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.spring_element:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.spring_element:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.spring_element:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.spring_element:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.spring_element:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.spring_element:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

.spring_element:nth-child(16)
{
	left: 80%;
	animation-duration: 11s;
	animation-delay: 1.7s;
}

.spring_element:nth-child(17)
{
	left: 85%;
	animation-duration: 14s;
	animation-delay: 2.0s;
}

.spring_element:nth-child(18)
{
	left: 90%;
	animation-duration: 17s;
	animation-delay: 2.3s;
}

.spring_element:nth-child(19)
{
	left: 95%;
	animation-duration: 12s;
	animation-delay: 2.6s;
}

.spring_element:nth-child(20)
{
	left: 50%;
	animation-duration: 15s;
	animation-delay: 2.9s;
}

/* Summer Theme - Orange-Blue gradient, White text */
body.theme-summer.site_body::before,
.site_body.theme-summer::before
{
	background: linear-gradient(to bottom, #ff6600 0%, #4a90e2 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-summer .devraw_text
{
	color: #ffffff !important;
	/* White */
}

/* Summer Falling Elements */
.theme-summer .summer_elements
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.summer_element
{
	position: absolute;
	top: -10px;
	font-size: 2.5em;
	font-family: Arial, sans-serif;
	animation: elementfall linear infinite;
	opacity: 0.25;
}

.summer_element:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.summer_element:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.summer_element:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.summer_element:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.summer_element:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.summer_element:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.summer_element:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.summer_element:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.summer_element:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.summer_element:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.summer_element:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.summer_element:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.summer_element:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.summer_element:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.summer_element:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

.summer_element:nth-child(16)
{
	left: 80%;
	animation-duration: 11s;
	animation-delay: 1.7s;
}

.summer_element:nth-child(17)
{
	left: 85%;
	animation-duration: 14s;
	animation-delay: 2.0s;
}

.summer_element:nth-child(18)
{
	left: 90%;
	animation-duration: 17s;
	animation-delay: 2.3s;
}

.summer_element:nth-child(19)
{
	left: 95%;
	animation-duration: 12s;
	animation-delay: 2.6s;
}

.summer_element:nth-child(20)
{
	left: 50%;
	animation-duration: 15s;
	animation-delay: 2.9s;
}

/* Fall Theme - Orange-Brown gradient, Dark Grey text */
body.theme-fall.site_body::before,
.site_body.theme-fall::before
{
	background: linear-gradient(to bottom, #ff6600 0%, #8b4513 100%) !important;
	background-size: 100% 200% !important;
	animation: move_colors 12s ease-in-out infinite alternate !important;
	transition: background 1s ease-in-out, opacity 1s ease-in-out !important;
}

.theme-fall .devraw_text
{
	color: #2a2a2a !important;
	/* Dark Grey */
}

/* Fall Falling Elements */
.theme-fall .fall_elements
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.fall_element
{
	position: absolute;
	top: -10px;
	font-size: 2.5em;
	font-family: Arial, sans-serif;
	animation: elementfall linear infinite;
	opacity: 0.25;
}

.fall_element:nth-child(1)
{
	left: 5%;
	animation-duration: 12s;
	animation-delay: 0s;
}

.fall_element:nth-child(2)
{
	left: 10%;
	animation-duration: 15s;
	animation-delay: 0.3s;
}

.fall_element:nth-child(3)
{
	left: 15%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}

.fall_element:nth-child(4)
{
	left: 20%;
	animation-duration: 18s;
	animation-delay: 0.9s;
}

.fall_element:nth-child(5)
{
	left: 25%;
	animation-duration: 13s;
	animation-delay: 1.2s;
}

.fall_element:nth-child(6)
{
	left: 30%;
	animation-duration: 16s;
	animation-delay: 1.5s;
}

.fall_element:nth-child(7)
{
	left: 35%;
	animation-duration: 11s;
	animation-delay: 1.8s;
}

.fall_element:nth-child(8)
{
	left: 40%;
	animation-duration: 14s;
	animation-delay: 2.1s;
}

.fall_element:nth-child(9)
{
	left: 45%;
	animation-duration: 17s;
	animation-delay: 2.4s;
}

.fall_element:nth-child(10)
{
	left: 50%;
	animation-duration: 12s;
	animation-delay: 2.7s;
}

.fall_element:nth-child(11)
{
	left: 55%;
	animation-duration: 15s;
	animation-delay: 0.2s;
}

.fall_element:nth-child(12)
{
	left: 60%;
	animation-duration: 10s;
	animation-delay: 0.5s;
}

.fall_element:nth-child(13)
{
	left: 65%;
	animation-duration: 18s;
	animation-delay: 0.8s;
}

.fall_element:nth-child(14)
{
	left: 70%;
	animation-duration: 13s;
	animation-delay: 1.1s;
}

.fall_element:nth-child(15)
{
	left: 75%;
	animation-duration: 16s;
	animation-delay: 1.4s;
}

.fall_element:nth-child(16)
{
	left: 80%;
	animation-duration: 11s;
	animation-delay: 1.7s;
}

.fall_element:nth-child(17)
{
	left: 85%;
	animation-duration: 14s;
	animation-delay: 2.0s;
}

.fall_element:nth-child(18)
{
	left: 90%;
	animation-duration: 17s;
	animation-delay: 2.3s;
}

.fall_element:nth-child(19)
{
	left: 95%;
	animation-duration: 12s;
	animation-delay: 2.6s;
}

.fall_element:nth-child(20)
{
	left: 50%;
	animation-duration: 15s;
	animation-delay: 2.9s;
}