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

#background-random-boxes div {
	position: fixed;
}

#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: 18pt;
		padding: 0em 0.2em;
		margin: 0.2em;
	}

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

	.button-like,.button-heart {
		background: none;
		border: none;
		position: absolute;
		bottom: 0;
	}

		.button-like {right: 0;}
		.button-heart {right: 1.5em;}

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

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- ANIMATION RANDOM BOXES FADE-IN =-=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
@keyframes animation-opacity-fade-in {
	000.0%	{transform:scale(0.0);opacity: 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);opacity: 0.5;}
}

@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;
}

#background-random-boxes div:nth-of-type(01) {animation-delay: 0.19s;}
#background-random-boxes div:nth-of-type(02) {animation-delay: 0.29s;}
#background-random-boxes div:nth-of-type(03) {animation-delay: 0.38s;}
#background-random-boxes div:nth-of-type(04) {animation-delay: 0.48s;}
#background-random-boxes div:nth-of-type(05) {animation-delay: 0.57s;}
#background-random-boxes div:nth-of-type(06) {animation-delay: 0.67s;}
#background-random-boxes div:nth-of-type(07) {animation-delay: 0.76s;}
#background-random-boxes div:nth-of-type(08) {animation-delay: 0.86s;}
#background-random-boxes div:nth-of-type(09) {animation-delay: 0.95s;}
#background-random-boxes div:nth-of-type(10) {animation-delay: 1.05s;}
#background-random-boxes div:nth-of-type(11) {animation-delay: 1.14s;}
#background-random-boxes div:nth-of-type(12) {animation-delay: 1.24s;}
#background-random-boxes div:nth-of-type(13) {animation-delay: 1.33s;}
#background-random-boxes div:nth-of-type(14) {animation-delay: 1.43s;}
#background-random-boxes div:nth-of-type(15) {animation-delay: 1.52s;}
#background-random-boxes div:nth-of-type(16) {animation-delay: 1.62s;}
#background-random-boxes div:nth-of-type(17) {animation-delay: 1.71s;}
#background-random-boxes div:nth-of-type(18) {animation-delay: 1.81s;}
#background-random-boxes div:nth-of-type(19) {animation-delay: 1.90s;}
#background-random-boxes div:nth-of-type(20) {animation-delay: 2.00s;}
#background-random-boxes div:nth-of-type(21) {animation-delay: 2.09s;}
#background-random-boxes div:nth-of-type(22) {animation-delay: 2.19s;}
#background-random-boxes div:nth-of-type(23) {animation-delay: 2.28s;}
#background-random-boxes div:nth-of-type(24) {animation-delay: 2.38s;}
#background-random-boxes div:nth-of-type(25) {animation-delay: 2.47s;}
#background-random-boxes div:nth-of-type(26) {animation-delay: 2.57s;}
#background-random-boxes div:nth-of-type(27) {animation-delay: 2.66s;}
#background-random-boxes div:nth-of-type(28) {animation-delay: 2.76s;}
#background-random-boxes div:nth-of-type(29) {animation-delay: 2.85s;}
#background-random-boxes div:nth-of-type(30) {animation-delay: 2.95s;}
#background-random-boxes div:nth-of-type(31) {animation-delay: 3.04s;}
#background-random-boxes div:nth-of-type(32) {animation-delay: 3.14s;}
#background-random-boxes div:nth-of-type(33) {animation-delay: 3.23s;}
#background-random-boxes div:nth-of-type(34) {animation-delay: 3.33s;}
#background-random-boxes div:nth-of-type(35) {animation-delay: 3.42s;}
#background-random-boxes div:nth-of-type(36) {animation-delay: 3.52s;}
#background-random-boxes div:nth-of-type(37) {animation-delay: 3.61s;}
#background-random-boxes div:nth-of-type(38) {animation-delay: 3.71s;}
#background-random-boxes div:nth-of-type(39) {animation-delay: 3.80s;}
#background-random-boxes div:nth-of-type(40) {animation-delay: 3.90s;}
#background-random-boxes div:nth-of-type(41) {animation-delay: 3.99s;}
#background-random-boxes div:nth-of-type(42) {animation-delay: 4.09s;}
#background-random-boxes div:nth-of-type(43) {animation-delay: 4.18s;}
#background-random-boxes div:nth-of-type(44) {animation-delay: 4.28s;}
#background-random-boxes div:nth-of-type(45) {animation-delay: 4.37s;}
#background-random-boxes div:nth-of-type(46) {animation-delay: 4.47s;}
#background-random-boxes div:nth-of-type(47) {animation-delay: 4.56s;}
#background-random-boxes div:nth-of-type(48) {animation-delay: 4.66s;}
#background-random-boxes div:nth-of-type(49) {animation-delay: 4.75s;}
#background-random-boxes div:nth-of-type(50) {animation-delay: 4.85s;}
#background-random-boxes div:nth-of-type(51) {animation-delay: 4.94s;}
#background-random-boxes div:nth-of-type(52) {animation-delay: 5.04s;}
#background-random-boxes div:nth-of-type(53) {animation-delay: 5.13s;}
#background-random-boxes div:nth-of-type(54) {animation-delay: 5.23s;}
#background-random-boxes div:nth-of-type(55) {animation-delay: 5.32s;}
#background-random-boxes div:nth-of-type(56) {animation-delay: 5.42s;}
#background-random-boxes div:nth-of-type(57) {animation-delay: 5.51s;}
#background-random-boxes div:nth-of-type(58) {animation-delay: 5.61s;}
#background-random-boxes div:nth-of-type(59) {animation-delay: 5.70s;}
#background-random-boxes div:nth-of-type(60) {animation-delay: 5.80s;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- 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%));}