@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT BY IAN BESLER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

/*
LAST MODIFIED 2023-11-08
- Adjusted timing of pop-ups, so they pop-up every two seconds instead of every one second
- Finished labeling the fling effects on user Escape keydown.
*/

#background-random-boxes div {
	position: fixed;
	border: 2px solid black;
	border-style: inset;
	transition: transform 1s;
}

#background-random-boxes div:hover {
	box-shadow: 10px 10px 10px #fff;
	mix-blend-mode: difference;
}

	.mix-blend-mode-exclusion {
		mix-blend-mode: difference;
	}

	.mix-blend-mode-exclusion:hover {
		mix-blend-mode: normal;
	}

/*button#hide-show-background-boxes {
	width: 1.6em;
	height: 1.6em;
	background-color: #fff;
	border: 0.1em solid #000;
	border-radius: 50%;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 48pt;
	position: fixed;
	z-index: 100;
	top: 2%;
	left: 1.5%;
}*/

	#background-random-boxes button {
		font-size: 24pt;
		padding: 0em 0.3em;
		margin: 0.2em;
	}

	.button-close-window {
		border: 1px solid black;
		background-color: rgba(255, 255, 255, 0.5);
	}

		button:hover {
			cursor: pointer;
		}

	.button-like,.button-heart {
		background: none;
		border: none;
		position: absolute;
		bottom: 0;
		background-color: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		line-height: 1.6em;
	}

		.button-like {right: 2.2em; bottom: 0.2em}
		.button-heart {right: 0.2em; bottom: 0.2em;}

		#background-random-boxes div button:hover {
			background-color: rgba(255, 255, 255, 1);
		}

		.button-like:hover,
		.button-heart:hover
		 {
			
		}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- REDUNDANT PSEUDO-RANDOM CSS STYLES =-=-=-=-=
-=-=-=-= AS BACKUP IN CASE JAVASCRIPT FAILS -=-=-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#background-random-boxes div:nth-of-type(01) {z-index:14;width:028vw;height:007vh;left:030vw;top:042vh;background-image: linear-gradient(164deg, hsl(151, 100%, 50%), hsl(053, 100%, 50%));}
#background-random-boxes div:nth-of-type(02) {z-index:40;width:020vw;height:001vh;left:042vw;top:045vh;background-image: linear-gradient(292deg, hsl(163, 100%, 50%), hsl(111, 100%, 50%));}
#background-random-boxes div:nth-of-type(03) {z-index:38;width:022vw;height:008vh;left:012vw;top:065vh;background-image: linear-gradient(091deg, hsl(020, 100%, 50%), hsl(099, 100%, 50%));}
#background-random-boxes div:nth-of-type(04) {z-index:44;width:027vw;height:017vh;left:060vw;top:032vh;background-image: linear-gradient(314deg, hsl(315, 100%, 50%), hsl(180, 100%, 50%));}
#background-random-boxes div:nth-of-type(05) {z-index:54;width:029vw;height:022vh;left:060vw;top:029vh;background-image: linear-gradient(353deg, hsl(223, 100%, 50%), hsl(117, 100%, 50%));}
#background-random-boxes div:nth-of-type(06) {z-index:55;width:006vw;height:022vh;left:025vw;top:018vh;background-image: linear-gradient(224deg, hsl(215, 100%, 50%), hsl(115, 100%, 50%));}
#background-random-boxes div:nth-of-type(07) {z-index:19;width:011vw;height:003vh;left:046vw;top:054vh;background-image: linear-gradient(165deg, hsl(283, 100%, 50%), hsl(059, 100%, 50%));}
#background-random-boxes div:nth-of-type(08) {z-index:33;width:019vw;height:028vh;left:055vw;top:018vh;background-image: linear-gradient(006deg, hsl(278, 100%, 50%), hsl(327, 100%, 50%));}
#background-random-boxes div:nth-of-type(09) {z-index:21;width:006vw;height:020vh;left:042vw;top:065vh;background-image: linear-gradient(282deg, hsl(139, 100%, 50%), hsl(265, 100%, 50%));}
#background-random-boxes div:nth-of-type(10) {z-index:32;width:027vw;height:017vh;left:059vw;top:011vh;background-image: linear-gradient(149deg, hsl(072, 100%, 50%), hsl(296, 100%, 50%));}
#background-random-boxes div:nth-of-type(11) {z-index:38;width:019vw;height:002vh;left:013vw;top:006vh;background-image: linear-gradient(182deg, hsl(171, 100%, 50%), hsl(044, 100%, 50%));}
#background-random-boxes div:nth-of-type(12) {z-index:24;width:005vw;height:025vh;left:036vw;top:003vh;background-image: linear-gradient(177deg, hsl(318, 100%, 50%), hsl(068, 100%, 50%));}
#background-random-boxes div:nth-of-type(13) {z-index:53;width:009vw;height:008vh;left:049vw;top:046vh;background-image: linear-gradient(234deg, hsl(071, 100%, 50%), hsl(302, 100%, 50%));}
#background-random-boxes div:nth-of-type(14) {z-index:20;width:004vw;height:003vh;left:060vw;top:047vh;background-image: linear-gradient(178deg, hsl(102, 100%, 50%), hsl(198, 100%, 50%));}
#background-random-boxes div:nth-of-type(15) {z-index:44;width:007vw;height:005vh;left:014vw;top:038vh;background-image: linear-gradient(354deg, hsl(094, 100%, 50%), hsl(170, 100%, 50%));}
#background-random-boxes div:nth-of-type(16) {z-index:34;width:002vw;height:011vh;left:053vw;top:043vh;background-image: linear-gradient(073deg, hsl(169, 100%, 50%), hsl(345, 100%, 50%));}
#background-random-boxes div:nth-of-type(17) {z-index:35;width:030vw;height:022vh;left:051vw;top:065vh;background-image: linear-gradient(208deg, hsl(041, 100%, 50%), hsl(121, 100%, 50%));}
#background-random-boxes div:nth-of-type(18) {z-index:52;width:029vw;height:016vh;left:023vw;top:049vh;background-image: linear-gradient(121deg, hsl(090, 100%, 50%), hsl(230, 100%, 50%));}
#background-random-boxes div:nth-of-type(19) {z-index:60;width:005vw;height:009vh;left:008vw;top:066vh;background-image: linear-gradient(179deg, hsl(119, 100%, 50%), hsl(096, 100%, 50%));}
#background-random-boxes div:nth-of-type(20) {z-index:45;width:003vw;height:004vh;left:064vw;top:025vh;background-image: linear-gradient(144deg, hsl(337, 100%, 50%), hsl(053, 100%, 50%));}
#background-random-boxes div:nth-of-type(21) {z-index:56;width:026vw;height:017vh;left:066vw;top:038vh;background-image: linear-gradient(213deg, hsl(269, 100%, 50%), hsl(096, 100%, 50%));}
#background-random-boxes div:nth-of-type(22) {z-index:29;width:018vw;height:002vh;left:063vw;top:024vh;background-image: linear-gradient(020deg, hsl(149, 100%, 50%), hsl(011, 100%, 50%));}
#background-random-boxes div:nth-of-type(23) {z-index:59;width:029vw;height:005vh;left:043vw;top:001vh;background-image: linear-gradient(249deg, hsl(028, 100%, 50%), hsl(109, 100%, 50%));}
#background-random-boxes div:nth-of-type(24) {z-index:00;width:020vw;height:029vh;left:056vw;top:004vh;background-image: linear-gradient(200deg, hsl(304, 100%, 50%), hsl(289, 100%, 50%));}
#background-random-boxes div:nth-of-type(25) {z-index:07;width:014vw;height:007vh;left:058vw;top:047vh;background-image: linear-gradient(148deg, hsl(056, 100%, 50%), hsl(166, 100%, 50%));}
#background-random-boxes div:nth-of-type(26) {z-index:20;width:011vw;height:028vh;left:041vw;top:013vh;background-image: linear-gradient(045deg, hsl(174, 100%, 50%), hsl(299, 100%, 50%));}
#background-random-boxes div:nth-of-type(27) {z-index:46;width:007vw;height:028vh;left:061vw;top:042vh;background-image: linear-gradient(266deg, hsl(110, 100%, 50%), hsl(012, 100%, 50%));}
#background-random-boxes div:nth-of-type(28) {z-index:37;width:004vw;height:008vh;left:034vw;top:040vh;background-image: linear-gradient(249deg, hsl(042, 100%, 50%), hsl(201, 100%, 50%));}
#background-random-boxes div:nth-of-type(29) {z-index:20;width:026vw;height:018vh;left:019vw;top:014vh;background-image: linear-gradient(076deg, hsl(204, 100%, 50%), hsl(294, 100%, 50%));}
#background-random-boxes div:nth-of-type(30) {z-index:01;width:006vw;height:008vh;left:011vw;top:051vh;background-image: linear-gradient(076deg, hsl(166, 100%, 50%), hsl(151, 100%, 50%));}
#background-random-boxes div:nth-of-type(31) {z-index:56;width:020vw;height:017vh;left:036vw;top:061vh;background-image: linear-gradient(288deg, hsl(050, 100%, 50%), hsl(255, 100%, 50%));}
#background-random-boxes div:nth-of-type(32) {z-index:53;width:013vw;height:017vh;left:012vw;top:056vh;background-image: linear-gradient(342deg, hsl(071, 100%, 50%), hsl(278, 100%, 50%));}
#background-random-boxes div:nth-of-type(33) {z-index:25;width:006vw;height:008vh;left:021vw;top:018vh;background-image: linear-gradient(192deg, hsl(101, 100%, 50%), hsl(326, 100%, 50%));}
#background-random-boxes div:nth-of-type(34) {z-index:47;width:001vw;height:012vh;left:042vw;top:053vh;background-image: linear-gradient(071deg, hsl(025, 100%, 50%), hsl(324, 100%, 50%));}
#background-random-boxes div:nth-of-type(35) {z-index:47;width:016vw;height:020vh;left:012vw;top:053vh;background-image: linear-gradient(339deg, hsl(208, 100%, 50%), hsl(337, 100%, 50%));}
#background-random-boxes div:nth-of-type(36) {z-index:39;width:020vw;height:010vh;left:023vw;top:021vh;background-image: linear-gradient(282deg, hsl(174, 100%, 50%), hsl(074, 100%, 50%));}
#background-random-boxes div:nth-of-type(37) {z-index:38;width:003vw;height:018vh;left:056vw;top:039vh;background-image: linear-gradient(278deg, hsl(217, 100%, 50%), hsl(140, 100%, 50%));}
#background-random-boxes div:nth-of-type(38) {z-index:18;width:009vw;height:029vh;left:047vw;top:029vh;background-image: linear-gradient(231deg, hsl(248, 100%, 50%), hsl(056, 100%, 50%));}
#background-random-boxes div:nth-of-type(39) {z-index:46;width:025vw;height:015vh;left:027vw;top:064vh;background-image: linear-gradient(039deg, hsl(045, 100%, 50%), hsl(029, 100%, 50%));}
#background-random-boxes div:nth-of-type(40) {z-index:30;width:018vw;height:007vh;left:010vw;top:037vh;background-image: linear-gradient(013deg, hsl(179, 100%, 50%), hsl(335, 100%, 50%));}
#background-random-boxes div:nth-of-type(41) {z-index:34;width:029vw;height:003vh;left:053vw;top:049vh;background-image: linear-gradient(300deg, hsl(134, 100%, 50%), hsl(138, 100%, 50%));}
#background-random-boxes div:nth-of-type(42) {z-index:36;width:002vw;height:024vh;left:061vw;top:007vh;background-image: linear-gradient(316deg, hsl(103, 100%, 50%), hsl(233, 100%, 50%));}
#background-random-boxes div:nth-of-type(43) {z-index:54;width:007vw;height:018vh;left:012vw;top:008vh;background-image: linear-gradient(033deg, hsl(207, 100%, 50%), hsl(113, 100%, 50%));}
#background-random-boxes div:nth-of-type(44) {z-index:48;width:003vw;height:007vh;left:031vw;top:015vh;background-image: linear-gradient(226deg, hsl(253, 100%, 50%), hsl(110, 100%, 50%));}
#background-random-boxes div:nth-of-type(45) {z-index:06;width:014vw;height:029vh;left:004vw;top:022vh;background-image: linear-gradient(091deg, hsl(148, 100%, 50%), hsl(125, 100%, 50%));}
#background-random-boxes div:nth-of-type(46) {z-index:02;width:029vw;height:015vh;left:050vw;top:068vh;background-image: linear-gradient(355deg, hsl(172, 100%, 50%), hsl(309, 100%, 50%));}
#background-random-boxes div:nth-of-type(47) {z-index:14;width:009vw;height:030vh;left:005vw;top:021vh;background-image: linear-gradient(291deg, hsl(285, 100%, 50%), hsl(325, 100%, 50%));}
#background-random-boxes div:nth-of-type(48) {z-index:26;width:019vw;height:027vh;left:055vw;top:019vh;background-image: linear-gradient(074deg, hsl(230, 100%, 50%), hsl(185, 100%, 50%));}
#background-random-boxes div:nth-of-type(49) {z-index:42;width:014vw;height:020vh;left:063vw;top:018vh;background-image: linear-gradient(164deg, hsl(134, 100%, 50%), hsl(150, 100%, 50%));}
#background-random-boxes div:nth-of-type(50) {z-index:27;width:027vw;height:015vh;left:044vw;top:070vh;background-image: linear-gradient(240deg, hsl(065, 100%, 50%), hsl(055, 100%, 50%));}
#background-random-boxes div:nth-of-type(51) {z-index:26;width:016vw;height:001vh;left:055vw;top:059vh;background-image: linear-gradient(318deg, hsl(116, 100%, 50%), hsl(119, 100%, 50%));}
#background-random-boxes div:nth-of-type(52) {z-index:33;width:006vw;height:013vh;left:062vw;top:063vh;background-image: linear-gradient(186deg, hsl(178, 100%, 50%), hsl(158, 100%, 50%));}
#background-random-boxes div:nth-of-type(53) {z-index:52;width:011vw;height:027vh;left:033vw;top:059vh;background-image: linear-gradient(347deg, hsl(146, 100%, 50%), hsl(014, 100%, 50%));}
#background-random-boxes div:nth-of-type(54) {z-index:06;width:028vw;height:005vh;left:006vw;top:020vh;background-image: linear-gradient(290deg, hsl(282, 100%, 50%), hsl(264, 100%, 50%));}
#background-random-boxes div:nth-of-type(55) {z-index:16;width:012vw;height:024vh;left:012vw;top:003vh;background-image: linear-gradient(109deg, hsl(272, 100%, 50%), hsl(063, 100%, 50%));}
#background-random-boxes div:nth-of-type(56) {z-index:37;width:003vw;height:023vh;left:028vw;top:007vh;background-image: linear-gradient(197deg, hsl(262, 100%, 50%), hsl(171, 100%, 50%));}
#background-random-boxes div:nth-of-type(57) {z-index:31;width:001vw;height:018vh;left:061vw;top:015vh;background-image: linear-gradient(004deg, hsl(214, 100%, 50%), hsl(223, 100%, 50%));}
#background-random-boxes div:nth-of-type(58) {z-index:50;width:014vw;height:007vh;left:062vw;top:043vh;background-image: linear-gradient(070deg, hsl(331, 100%, 50%), hsl(086, 100%, 50%));}
#background-random-boxes div:nth-of-type(59) {z-index:59;width:019vw;height:018vh;left:059vw;top:052vh;background-image: linear-gradient(252deg, hsl(358, 100%, 50%), hsl(044, 100%, 50%));}
#background-random-boxes div:nth-of-type(60) {z-index:28;width:006vw;height:029vh;left:060vw;top:046vh;background-image: linear-gradient(272deg, hsl(202, 100%, 50%), hsl(018, 100%, 50%));}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- ANIMATION RANDOM BOXES FADE-IN =-=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
@keyframes animation-opacity-fade-in {
	000.0%	{transform:scale(0.0);}
	012.5%	{transform: scale(1.5);}
	025.0%	{transform: scale(0.8);}
	037.5%	{transform: scale(1.1);}
	050.0%	{transform: scale(0.9);}
	062.5%	{transform: scale(1.05);}
	075.0%	{transform: scale(0.95);}
	087.5%	{transform: scale(1.02);}
	100.0%	{transform:scale(1.0);}
}

@keyframes animation-pop {
	000.0%	{transform:scale(0.0);}
	012.5%	{transform: scale(1.5);}
	025.0%	{transform: scale(0.8);}
	037.5%	{transform: scale(1.1);}
	050.0%	{transform: scale(0.9);}
	062.5%	{transform: scale(1.05);}
	075.0%	{transform: scale(0.95);}
	087.5%	{transform: scale(1.02);}
	100.0%	{transform:scale(1.0);}
}

.z-index-one-hundred {
	z-index: 100;
}

.animation-pop {
	animation: animation-pop 1s forwards;
}

#background-random-boxes div {
	animation: animation-opacity-fade-in 1s backwards;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= SLOW -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-=-=-=-=-=-=-= BOXES POP-ON STARTING AT 4 SECS =-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=- THEN EVERY 4 SEC =-=-=-=-=-=-=-=-=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
/*#background-random-boxes div:nth-of-type(01) {animation-delay: 004s;}
#background-random-boxes div:nth-of-type(02) {animation-delay: 006s;}
#background-random-boxes div:nth-of-type(03) {animation-delay: 008s;}
#background-random-boxes div:nth-of-type(04) {animation-delay: 010s;}
#background-random-boxes div:nth-of-type(05) {animation-delay: 012s;}
#background-random-boxes div:nth-of-type(06) {animation-delay: 014s;}
#background-random-boxes div:nth-of-type(07) {animation-delay: 016s;}
#background-random-boxes div:nth-of-type(08) {animation-delay: 018s;}
#background-random-boxes div:nth-of-type(09) {animation-delay: 020s;}
#background-random-boxes div:nth-of-type(10) {animation-delay: 022s;}
#background-random-boxes div:nth-of-type(11) {animation-delay: 024s;}
#background-random-boxes div:nth-of-type(12) {animation-delay: 026s;}
#background-random-boxes div:nth-of-type(13) {animation-delay: 028s;}
#background-random-boxes div:nth-of-type(14) {animation-delay: 030s;}
#background-random-boxes div:nth-of-type(15) {animation-delay: 032s;}
#background-random-boxes div:nth-of-type(16) {animation-delay: 034s;}
#background-random-boxes div:nth-of-type(17) {animation-delay: 036s;}
#background-random-boxes div:nth-of-type(18) {animation-delay: 038s;}
#background-random-boxes div:nth-of-type(19) {animation-delay: 040s;}
#background-random-boxes div:nth-of-type(20) {animation-delay: 042s;}
#background-random-boxes div:nth-of-type(21) {animation-delay: 044s;}
#background-random-boxes div:nth-of-type(22) {animation-delay: 046s;}
#background-random-boxes div:nth-of-type(23) {animation-delay: 048s;}
#background-random-boxes div:nth-of-type(24) {animation-delay: 050s;}
#background-random-boxes div:nth-of-type(25) {animation-delay: 052s;}
#background-random-boxes div:nth-of-type(26) {animation-delay: 054s;}
#background-random-boxes div:nth-of-type(27) {animation-delay: 056s;}
#background-random-boxes div:nth-of-type(28) {animation-delay: 058s;}
#background-random-boxes div:nth-of-type(29) {animation-delay: 060s;}
#background-random-boxes div:nth-of-type(30) {animation-delay: 062s;}
#background-random-boxes div:nth-of-type(31) {animation-delay: 064s;}
#background-random-boxes div:nth-of-type(32) {animation-delay: 066s;}
#background-random-boxes div:nth-of-type(33) {animation-delay: 068s;}
#background-random-boxes div:nth-of-type(34) {animation-delay: 070s;}
#background-random-boxes div:nth-of-type(35) {animation-delay: 072s;}
#background-random-boxes div:nth-of-type(36) {animation-delay: 074s;}
#background-random-boxes div:nth-of-type(37) {animation-delay: 076s;}
#background-random-boxes div:nth-of-type(38) {animation-delay: 078s;}
#background-random-boxes div:nth-of-type(39) {animation-delay: 080s;}
#background-random-boxes div:nth-of-type(40) {animation-delay: 082s;}
#background-random-boxes div:nth-of-type(41) {animation-delay: 084s;}
#background-random-boxes div:nth-of-type(42) {animation-delay: 086s;}
#background-random-boxes div:nth-of-type(43) {animation-delay: 088s;}
#background-random-boxes div:nth-of-type(44) {animation-delay: 090s;}
#background-random-boxes div:nth-of-type(45) {animation-delay: 092s;}
#background-random-boxes div:nth-of-type(46) {animation-delay: 094s;}
#background-random-boxes div:nth-of-type(47) {animation-delay: 096s;}
#background-random-boxes div:nth-of-type(48) {animation-delay: 098s;}
#background-random-boxes div:nth-of-type(49) {animation-delay: 100s;}
#background-random-boxes div:nth-of-type(50) {animation-delay: 102s;}
#background-random-boxes div:nth-of-type(51) {animation-delay: 104s;}
#background-random-boxes div:nth-of-type(52) {animation-delay: 106s;}
#background-random-boxes div:nth-of-type(53) {animation-delay: 108s;}
#background-random-boxes div:nth-of-type(54) {animation-delay: 110s;}
#background-random-boxes div:nth-of-type(55) {animation-delay: 112s;}
#background-random-boxes div:nth-of-type(56) {animation-delay: 114s;}
#background-random-boxes div:nth-of-type(57) {animation-delay: 116s;}
#background-random-boxes div:nth-of-type(58) {animation-delay: 118s;}
#background-random-boxes div:nth-of-type(59) {animation-delay: 120s;}
#background-random-boxes div:nth-of-type(60) {animation-delay: 122s;}*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= SLOW -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
THEN INCREASINGLY FASTER
-=-=-=-=-=-=-=-=-= BOXES POP-ON STARTING AT 4 SECS =-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=- THEN EVERY 1/10 SEC -=-=-=-=-=-=-=-=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
#background-random-boxes div:nth-of-type(01) {animation-delay: 4s;}
#background-random-boxes div:nth-of-type(02) {animation-delay: 7s;}
#background-random-boxes div:nth-of-type(03) {animation-delay: 9s;}
#background-random-boxes div:nth-of-type(04) {animation-delay: 9.135s;}
#background-random-boxes div:nth-of-type(05) {animation-delay: 9.272025s;}
#background-random-boxes div:nth-of-type(06) {animation-delay: 9.411105375s;}
#background-random-boxes div:nth-of-type(07) {animation-delay: 9.552271956s;}
#background-random-boxes div:nth-of-type(08) {animation-delay: 9.695556035s;}
#background-random-boxes div:nth-of-type(09) {animation-delay: 9.840989375s;}
#background-random-boxes div:nth-of-type(10) {animation-delay: 9.988604216s;}
#background-random-boxes div:nth-of-type(11) {animation-delay: 10.13843328s;}
#background-random-boxes div:nth-of-type(12) {animation-delay: 10.29050978s;}
#background-random-boxes div:nth-of-type(13) {animation-delay: 10.44486743s;}
#background-random-boxes div:nth-of-type(14) {animation-delay: 10.60154044s;}
#background-random-boxes div:nth-of-type(15) {animation-delay: 10.76056354s;}
#background-random-boxes div:nth-of-type(16) {animation-delay: 10.921972s;}
#background-random-boxes div:nth-of-type(17) {animation-delay: 11.08580158s;}
#background-random-boxes div:nth-of-type(18) {animation-delay: 11.2520886s;}
#background-random-boxes div:nth-of-type(19) {animation-delay: 11.42086993s;}
#background-random-boxes div:nth-of-type(20) {animation-delay: 11.59218298s;}
#background-random-boxes div:nth-of-type(21) {animation-delay: 11.76606572s;}
#background-random-boxes div:nth-of-type(22) {animation-delay: 11.94255671s;}
#background-random-boxes div:nth-of-type(23) {animation-delay: 12.12169506s;}
#background-random-boxes div:nth-of-type(24) {animation-delay: 12.30352048s;}
#background-random-boxes div:nth-of-type(25) {animation-delay: 12.48807329s;}
#background-random-boxes div:nth-of-type(26) {animation-delay: 12.67539439s;}
#background-random-boxes div:nth-of-type(27) {animation-delay: 12.86552531s;}
#background-random-boxes div:nth-of-type(28) {animation-delay: 13.05850819s;}
#background-random-boxes div:nth-of-type(29) {animation-delay: 13.25438581s;}
#background-random-boxes div:nth-of-type(30) {animation-delay: 13.4532016s;}
#background-random-boxes div:nth-of-type(31) {animation-delay: 13.65499962s;}
#background-random-boxes div:nth-of-type(32) {animation-delay: 13.85982462s;}
#background-random-boxes div:nth-of-type(33) {animation-delay: 14.06772198s;}
#background-random-boxes div:nth-of-type(34) {animation-delay: 14.27873781s;}
#background-random-boxes div:nth-of-type(35) {animation-delay: 14.49291888s;}
#background-random-boxes div:nth-of-type(36) {animation-delay: 14.71031266s;}
#background-random-boxes div:nth-of-type(37) {animation-delay: 14.93096735s;}
#background-random-boxes div:nth-of-type(38) {animation-delay: 15.15493186s;}
#background-random-boxes div:nth-of-type(39) {animation-delay: 15.38225584s;}
#background-random-boxes div:nth-of-type(40) {animation-delay: 15.61298968s;}
#background-random-boxes div:nth-of-type(41) {animation-delay: 15.84718453s;}
#background-random-boxes div:nth-of-type(42) {animation-delay: 16.08489229s;}
#background-random-boxes div:nth-of-type(43) {animation-delay: 16.32616568s;}
#background-random-boxes div:nth-of-type(44) {animation-delay: 16.57105816s;}
#background-random-boxes div:nth-of-type(45) {animation-delay: 16.81962404s;}
#background-random-boxes div:nth-of-type(46) {animation-delay: 17.0719184s;}
#background-random-boxes div:nth-of-type(47) {animation-delay: 17.32799717s;}
#background-random-boxes div:nth-of-type(48) {animation-delay: 17.58791713s;}
#background-random-boxes div:nth-of-type(49) {animation-delay: 17.85173589s;}
#background-random-boxes div:nth-of-type(50) {animation-delay: 18.11951192s;}
#background-random-boxes div:nth-of-type(51) {animation-delay: 18.3913046s;}
#background-random-boxes div:nth-of-type(52) {animation-delay: 18.66717417s;}
#background-random-boxes div:nth-of-type(53) {animation-delay: 18.94718179s;}
#background-random-boxes div:nth-of-type(54) {animation-delay: 19.23138951s;}
#background-random-boxes div:nth-of-type(55) {animation-delay: 19.51986035s;}
#background-random-boxes div:nth-of-type(56) {animation-delay: 19.81265826s;}
#background-random-boxes div:nth-of-type(57) {animation-delay: 20.10984813s;}
#background-random-boxes div:nth-of-type(58) {animation-delay: 20.41149586s;}
#background-random-boxes div:nth-of-type(59) {animation-delay: 20.71766829s;}
#background-random-boxes div:nth-of-type(60) {animation-delay: 21.02843332s;}

.fling-one 			{transform: translate(-821vw,380vh); animation-delay: 0s;}
.fling-two 			{transform: translate(960vw,-338vh); animation-delay: 0s;}
.fling-three		{transform: translate(-828vw,546vh); animation-delay: 0s;}
.fling-four 		{transform: translate(319vw,-704vh); animation-delay: 0s;}
.fling-five 		{transform: translate(-611vw,543vh); animation-delay: 0s;}
.fling-six	 		{transform: translate(714vw,-806vh); animation-delay: 0s;}
.fling-seven 		{transform: translate(-947vw,967vh); animation-delay: 0s;}
.fling-eight		{transform: translate(455vw,-801vh); animation-delay: 0s;}
.fling-nine 		{transform: translate(-937vw,140vh); animation-delay: 0s;}
.fling-ten 			{transform: translate(363vw,-406vh); animation-delay: 0s;}
.fling-eleven 		{transform: translate(-350vw,134vh); animation-delay: 0s;}
.fling-twelve 		{transform: translate(787vw,-849vh); animation-delay: 0s;}
.fling-thirteen 	{transform: translate(-832vw,589vh); animation-delay: 0s;}
.fling-fourteen 	{transform: translate(526vw,-598vh); animation-delay: 0s;}
.fling-fifteen 		{transform: translate(-805vw,248vh); animation-delay: 0s;}
.fling-sixeen 		{transform: translate(860vw,-616vh); animation-delay: 0s;}
.fling-seventeen 	{transform: translate(-997vw,516vh); animation-delay: 0s;}
.fling-eighteen		{transform: translate(-164vh,743vw); animation-delay: 0s;}
.fling-nineteen		{transform: translate(196vh,-837vw); animation-delay: 0s;}
.fling-twenty		{transform: translate(-597vh,314vw); animation-delay: 0s;}
.fling-twentyone	{transform: translate(681vh,-355vw); animation-delay: 0s;}
.fling-twentytwo	{transform: translate(-852vh,338vw); animation-delay: 0s;}
.fling-twentythree	{transform: translate(304vh,-248vw); animation-delay: 0s;}
.fling-twentyfour	{transform: translate(-359vh,862vw); animation-delay: 0s;}
.fling-twentyfive	{transform: translate(687vh,-469vw); animation-delay: 0s;}
.fling-twentysix	{transform: translate(-952vh,778vw); animation-delay: 0s;}
.fling-twentyseven	{transform: translate(398vh,-423vw); animation-delay: 0s;}
.fling-twentyeight	{transform: translate(-725vh,771vw); animation-delay: 0s;}
.fling-twentynine	{transform: translate(716vh,-537vw); animation-delay: 0s;}
.fling-thirty		{transform: translate(-645vh,171vw); animation-delay: 0s;}
.fling-thirtyone	{transform: translate(209vh,-607vw); animation-delay: 0s;}
.fling-thirtytwo	{transform: translate(-565vh,333vw); animation-delay: 0s;}
.fling-thirtythree	{transform: translate(711vh,-331vw); animation-delay: 0s;}
.fling-thirtyfour	{transform: translate(-428vh,401vw); animation-delay: 0s;}
.fling-thirtyfive	{transform: translate(247vh,-760vw); animation-delay: 0s;}
.fling-thirtysix	{transform: translate(-369vh,224vw); animation-delay: 0s;}
.fling-thirtyseven	{transform: translate(253vh,-519vw); animation-delay: 0s;}
.fling-thirtyeight	{transform: translate(-975vh,391vw); animation-delay: 0s;}
.fling-thirtynine	{transform: translate(769vh,-445vw); animation-delay: 0s;}
.fling-forty		{transform: translate(-183vh,327vw); animation-delay: 0s;}
.fling-fortyone		{transform: translate(777vh,-839vw); animation-delay: 0s;}
.fling-fortytwo		{transform: translate(-718vh,749vw); animation-delay: 0s;}
.fling-fortythree	{transform: translate(244vh,-683vw); animation-delay: 0s;}
.fling-fortyfour	{transform: translate(-763vh,883vw); animation-delay: 0s;}
.fling-fortyfive	{transform: translate(380vh,-952vw); animation-delay: 0s;}
.fling-fortysix		{transform: translate(-825vh,122vw); animation-delay: 0s;}
.fling-fortyseven	{transform: translate(835vh,-686vw); animation-delay: 0s;}
.fling-fortyeight	{transform: translate(-116vh,485vw); animation-delay: 0s;}
.fling-fortynine	{transform: translate(768vh,-745vw); animation-delay: 0s;}
.fling-fifty		{transform: translate(-568vh,319vw); animation-delay: 0s;}
.fling-fiftyone		{transform: translate(916vh,-496vw); animation-delay: 0s;}
.fling-fiftytwo		{transform: translate(-507vh,715vw); animation-delay: 0s;}
.fling-fiftythree	{transform: translate(518vh,-105vw); animation-delay: 0s;}
.fling-fiftyfour	{transform: translate(-934vh,714vw); animation-delay: 0s;}
.fling-fiftyfive	{transform: translate(688vh,-851vw); animation-delay: 0s;}
.fling-fiftysix		{transform: translate(-753vh,336vw); animation-delay: 0s;}
.fling-fiftyseven	{transform: translate(971vh,-835vw); animation-delay: 0s;}
.fling-fiftyeight	{transform: translate(-270vh,367vw); animation-delay: 0s;}
.fling-fiftynine	{transform: translate(833vh,-652vw); animation-delay: 0s;}
.fling-sixty		{transform: translate(-169vh,929vw); animation-delay: 0s;}