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

/* ANIMATION EXIT STAGE LEFT */

@keyframes animationFadeAway {
	0% 		{opacity:initial;}
	100%	{opacity:0;}
}

header {
	animation: animationFadeAway 3s linear 5s 1;
	animation-fill-mode: forwards;
}

div {
	mix-blend-mode: difference;
	transform-origin: center;
	animation-duration: 180s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}

div:nth-of-type(6n+1) {
	animation-name: transform-rotate-clockwise,animate-color-wheel-red-start;
	
}

div:nth-of-type(6n+2) {
	animation-name: transform-rotate-counterclockwise,animate-color-wheel-yellow-start;
	
}

div:nth-of-type(6n+3) {
	animation-name: transform-rotate-clockwise,animate-color-wheel-green-start;
	
}

div:nth-of-type(6n+4) {
	animation-name: transform-rotate-counterclockwise,animate-color-wheel-cyan-start;
	
}

div:nth-of-type(6n+5) {
	animation-name: transform-rotate-clockwise,animate-color-wheel-blue-start;
	
}

div:nth-of-type(6n+6) {
	animation-name: transform-rotate-counterclockwise,animate-color-wheel-magenta-start;
	
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- ANIMATION-DELAY IS RANDOMIZED TO MAKE THE ROTATION =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/
div:nth-of-type(001) {animation-delay: -000.0s,0s;}
div:nth-of-type(002) {animation-delay: -278.8s,0s;}
div:nth-of-type(003) {animation-delay: -146.5s,0s;}
div:nth-of-type(004) {animation-delay: -022.3s,0s;}
div:nth-of-type(005) {animation-delay: -304.2s,0s;}
div:nth-of-type(006) {animation-delay: -356.8s,0s;}
div:nth-of-type(007) {animation-delay: -114.7s,0s;}
div:nth-of-type(008) {animation-delay: -339.3s,0s;}
div:nth-of-type(009) {animation-delay: -127.4s,0s;}
div:nth-of-type(010) {animation-delay: -097.2s,0s;}
div:nth-of-type(011) {animation-delay: -051.0s,0s;}
div:nth-of-type(012) {animation-delay: -188.0s,0s;}
div:nth-of-type(013) {animation-delay: -087.6s,0s;}
div:nth-of-type(014) {animation-delay: -283.5s,0s;}
div:nth-of-type(015) {animation-delay: -355.2s,0s;}
div:nth-of-type(016) {animation-delay: -180.0s,0s;}
div:nth-of-type(017) {animation-delay: -062.1s,0s;}
div:nth-of-type(018) {animation-delay: -119.5s,0s;}
div:nth-of-type(019) {animation-delay: -216.6s,0s;}
div:nth-of-type(020) {animation-delay: -242.1s,0s;}
div:nth-of-type(021) {animation-delay: -041.4s,0s;}
div:nth-of-type(022) {animation-delay: -254.9s,0s;}
div:nth-of-type(023) {animation-delay: -152.9s,0s;}
div:nth-of-type(024) {animation-delay: -331.3s,0s;}
div:nth-of-type(025) {animation-delay: -224.6s,0s;}
div:nth-of-type(026) {animation-delay: -347.3s,0s;}
div:nth-of-type(027) {animation-delay: -068.5s,0s;}
div:nth-of-type(028) {animation-delay: -250.1s,0s;}
div:nth-of-type(029) {animation-delay: -109.9s,0s;}
div:nth-of-type(030) {animation-delay: -137.0s,0s;}
div:nth-of-type(031) {animation-delay: -205.5s,0s;}
div:nth-of-type(032) {animation-delay: -318.6s,0s;}
div:nth-of-type(033) {animation-delay: -197.5s,0s;}
div:nth-of-type(034) {animation-delay: -066.9s,0s;}
div:nth-of-type(035) {animation-delay: -221.4s,0s;}
div:nth-of-type(036) {animation-delay: -299.5s,0s;}
div:nth-of-type(037) {animation-delay: -184.8s,0s;}
div:nth-of-type(038) {animation-delay: -148.1s,0s;}
div:nth-of-type(039) {animation-delay: -251.7s,0s;}
div:nth-of-type(040) {animation-delay: -117.9s,0s;}
div:nth-of-type(041) {animation-delay: -291.5s,0s;}
div:nth-of-type(042) {animation-delay: -274.0s,0s;}
div:nth-of-type(043) {animation-delay: -019.1s,0s;}
div:nth-of-type(044) {animation-delay: -132.2s,0s;}
div:nth-of-type(045) {animation-delay: -065.3s,0s;}
div:nth-of-type(046) {animation-delay: -090.8s,0s;}
div:nth-of-type(047) {animation-delay: -326.5s,0s;}
div:nth-of-type(048) {animation-delay: -231.0s,0s;}
div:nth-of-type(049) {animation-delay: -141.8s,0s;}
div:nth-of-type(050) {animation-delay: -012.7s,0s;}
div:nth-of-type(051) {animation-delay: -039.8s,0s;}
div:nth-of-type(052) {animation-delay: -238.9s,0s;}
div:nth-of-type(053) {animation-delay: -122.7s,0s;}
div:nth-of-type(054) {animation-delay: -138.6s,0s;}
div:nth-of-type(055) {animation-delay: -168.8s,0s;}
div:nth-of-type(056) {animation-delay: -108.3s,0s;}
div:nth-of-type(057) {animation-delay: -063.7s,0s;}
div:nth-of-type(058) {animation-delay: -280.4s,0s;}
div:nth-of-type(059) {animation-delay: -103.5s,0s;}
div:nth-of-type(060) {animation-delay: -285.1s,0s;}
div:nth-of-type(061) {animation-delay: -025.5s,0s;}
div:nth-of-type(062) {animation-delay: -164.1s,0s;}
div:nth-of-type(063) {animation-delay: -329.7s,0s;}
div:nth-of-type(064) {animation-delay: -317.0s,0s;}
div:nth-of-type(065) {animation-delay: -321.8s,0s;}
div:nth-of-type(066) {animation-delay: -149.7s,0s;}
div:nth-of-type(067) {animation-delay: -036.6s,0s;}
div:nth-of-type(068) {animation-delay: -358.4s,0s;}
div:nth-of-type(069) {animation-delay: -323.4s,0s;}
div:nth-of-type(070) {animation-delay: -302.7s,0s;}
div:nth-of-type(071) {animation-delay: -245.3s,0s;}
div:nth-of-type(072) {animation-delay: -336.1s,0s;}
div:nth-of-type(073) {animation-delay: -297.9s,0s;}
div:nth-of-type(074) {animation-delay: -281.9s,0s;}
div:nth-of-type(075) {animation-delay: -003.2s,0s;}
div:nth-of-type(076) {animation-delay: -307.4s,0s;}
div:nth-of-type(077) {animation-delay: -301.1s,0s;}
div:nth-of-type(078) {animation-delay: -111.5s,0s;}
div:nth-of-type(079) {animation-delay: -154.5s,0s;}
div:nth-of-type(080) {animation-delay: -074.9s,0s;}
div:nth-of-type(081) {animation-delay: -071.7s,0s;}
div:nth-of-type(082) {animation-delay: -200.7s,0s;}
div:nth-of-type(083) {animation-delay: -313.8s,0s;}
div:nth-of-type(084) {animation-delay: -320.2s,0s;}
div:nth-of-type(085) {animation-delay: -213.5s,0s;}
div:nth-of-type(086) {animation-delay: -261.2s,0s;}
div:nth-of-type(087) {animation-delay: -208.7s,0s;}
div:nth-of-type(088) {animation-delay: -178.4s,0s;}
div:nth-of-type(089) {animation-delay: -337.7s,0s;}
div:nth-of-type(090) {animation-delay: -345.7s,0s;}
div:nth-of-type(091) {animation-delay: -092.4s,0s;}
div:nth-of-type(092) {animation-delay: -243.7s,0s;}
div:nth-of-type(093) {animation-delay: -143.4s,0s;}
div:nth-of-type(094) {animation-delay: -226.2s,0s;}
div:nth-of-type(095) {animation-delay: -312.2s,0s;}
div:nth-of-type(096) {animation-delay: -001.6s,0s;}
div:nth-of-type(097) {animation-delay: -035.0s,0s;}
div:nth-of-type(098) {animation-delay: -248.5s,0s;}
div:nth-of-type(099) {animation-delay: -023.9s,0s;}
div:nth-of-type(100) {animation-delay: -294.7s,0s;}
div:nth-of-type(101) {animation-delay: -157.7s,0s;}
div:nth-of-type(102) {animation-delay: -113.1s,0s;}
div:nth-of-type(103) {animation-delay: -038.2s,0s;}
div:nth-of-type(104) {animation-delay: -215.0s,0s;}
div:nth-of-type(105) {animation-delay: -055.8s,0s;}
div:nth-of-type(106) {animation-delay: -353.6s,0s;}
div:nth-of-type(107) {animation-delay: -352.0s,0s;}
div:nth-of-type(108) {animation-delay: -089.2s,0s;}
div:nth-of-type(109) {animation-delay: -237.3s,0s;}
div:nth-of-type(110) {animation-delay: -156.1s,0s;}
div:nth-of-type(111) {animation-delay: -133.8s,0s;}
div:nth-of-type(112) {animation-delay: -008.0s,0s;}
div:nth-of-type(113) {animation-delay: -145.0s,0s;}
div:nth-of-type(114) {animation-delay: -140.2s,0s;}
div:nth-of-type(115) {animation-delay: -027.1s,0s;}
div:nth-of-type(116) {animation-delay: -030.3s,0s;}
div:nth-of-type(117) {animation-delay: -176.8s,0s;}
div:nth-of-type(118) {animation-delay: -011.2s,0s;}
div:nth-of-type(119) {animation-delay: -081.2s,0s;}
div:nth-of-type(120) {animation-delay: -232.6s,0s;}
div:nth-of-type(121) {animation-delay: -009.6s,0s;}
div:nth-of-type(122) {animation-delay: -256.5s,0s;}
div:nth-of-type(123) {animation-delay: -101.9s,0s;}
div:nth-of-type(124) {animation-delay: -340.9s,0s;}
div:nth-of-type(125) {animation-delay: -286.7s,0s;}
div:nth-of-type(126) {animation-delay: -296.3s,0s;}
div:nth-of-type(127) {animation-delay: -060.5s,0s;}
div:nth-of-type(128) {animation-delay: -234.2s,0s;}
div:nth-of-type(129) {animation-delay: -267.6s,0s;}
div:nth-of-type(130) {animation-delay: -325.0s,0s;}
div:nth-of-type(131) {animation-delay: -004.8s,0s;}
div:nth-of-type(132) {animation-delay: -015.9s,0s;}
div:nth-of-type(133) {animation-delay: -194.3s,0s;}
div:nth-of-type(134) {animation-delay: -159.3s,0s;}
div:nth-of-type(135) {animation-delay: -199.1s,0s;}
div:nth-of-type(136) {animation-delay: -033.5s,0s;}
div:nth-of-type(137) {animation-delay: -203.9s,0s;}
div:nth-of-type(138) {animation-delay: -272.4s,0s;}
div:nth-of-type(139) {animation-delay: -270.8s,0s;}
div:nth-of-type(140) {animation-delay: -288.3s,0s;}
div:nth-of-type(141) {animation-delay: -183.2s,0s;}
div:nth-of-type(142) {animation-delay: -305.8s,0s;}
div:nth-of-type(143) {animation-delay: -047.8s,0s;}
div:nth-of-type(144) {animation-delay: -277.2s,0s;}
div:nth-of-type(145) {animation-delay: -334.5s,0s;}
div:nth-of-type(146) {animation-delay: -210.3s,0s;}
div:nth-of-type(147) {animation-delay: -315.4s,0s;}
div:nth-of-type(148) {animation-delay: -057.3s,0s;}
div:nth-of-type(149) {animation-delay: -049.4s,0s;}
div:nth-of-type(150) {animation-delay: -269.2s,0s;}
div:nth-of-type(151) {animation-delay: -044.6s,0s;}
div:nth-of-type(152) {animation-delay: -172.0s,0s;}
div:nth-of-type(153) {animation-delay: -266.0s,0s;}
div:nth-of-type(154) {animation-delay: -309.0s,0s;}
div:nth-of-type(155) {animation-delay: -043.0s,0s;}
div:nth-of-type(156) {animation-delay: -211.9s,0s;}
div:nth-of-type(157) {animation-delay: -121.1s,0s;}
div:nth-of-type(158) {animation-delay: -162.5s,0s;}
div:nth-of-type(159) {animation-delay: -079.6s,0s;}
div:nth-of-type(160) {animation-delay: -175.2s,0s;}
div:nth-of-type(161) {animation-delay: -086.0s,0s;}
div:nth-of-type(162) {animation-delay: -135.4s,0s;}
div:nth-of-type(163) {animation-delay: -125.8s,0s;}
div:nth-of-type(164) {animation-delay: -253.3s,0s;}
div:nth-of-type(165) {animation-delay: -054.2s,0s;}
div:nth-of-type(166) {animation-delay: -116.3s,0s;}
div:nth-of-type(167) {animation-delay: -223.0s,0s;}
div:nth-of-type(168) {animation-delay: -006.4s,0s;}
div:nth-of-type(169) {animation-delay: -259.6s,0s;}
div:nth-of-type(170) {animation-delay: -218.2s,0s;}
div:nth-of-type(171) {animation-delay: -017.5s,0s;}
div:nth-of-type(172) {animation-delay: -219.8s,0s;}
div:nth-of-type(173) {animation-delay: -191.2s,0s;}
div:nth-of-type(174) {animation-delay: -078.1s,0s;}
div:nth-of-type(175) {animation-delay: -046.2s,0s;}
div:nth-of-type(176) {animation-delay: -014.3s,0s;}
div:nth-of-type(177) {animation-delay: -264.4s,0s;}
div:nth-of-type(178) {animation-delay: -246.9s,0s;}
div:nth-of-type(179) {animation-delay: -262.8s,0s;}
div:nth-of-type(180) {animation-delay: -052.6s,0s;}
div:nth-of-type(181) {animation-delay: -100.4s,0s;}
div:nth-of-type(182) {animation-delay: -106.7s,0s;}
div:nth-of-type(183) {animation-delay: -098.8s,0s;}
div:nth-of-type(184) {animation-delay: -227.8s,0s;}
div:nth-of-type(185) {animation-delay: -258.1s,0s;}
div:nth-of-type(186) {animation-delay: -348.8s,0s;}
div:nth-of-type(187) {animation-delay: -344.1s,0s;}
div:nth-of-type(188) {animation-delay: -192.7s,0s;}
div:nth-of-type(189) {animation-delay: -167.3s,0s;}
div:nth-of-type(190) {animation-delay: -094.0s,0s;}
div:nth-of-type(191) {animation-delay: -028.7s,0s;}
div:nth-of-type(192) {animation-delay: -070.1s,0s;}
div:nth-of-type(193) {animation-delay: -076.5s,0s;}
div:nth-of-type(194) {animation-delay: -031.9s,0s;}
div:nth-of-type(195) {animation-delay: -275.6s,0s;}
div:nth-of-type(196) {animation-delay: -235.8s,0s;}
div:nth-of-type(197) {animation-delay: -181.6s,0s;}
div:nth-of-type(198) {animation-delay: -124.2s,0s;}
div:nth-of-type(199) {animation-delay: -095.6s,0s;}
div:nth-of-type(200) {animation-delay: -084.4s,0s;}
div:nth-of-type(201) {animation-delay: -020.7s,0s;}
div:nth-of-type(202) {animation-delay: -129.0s,0s;}
div:nth-of-type(203) {animation-delay: -332.9s,0s;}
div:nth-of-type(204) {animation-delay: -105.1s,0s;}
div:nth-of-type(205) {animation-delay: -170.4s,0s;}
div:nth-of-type(206) {animation-delay: -229.4s,0s;}
div:nth-of-type(207) {animation-delay: -058.9s,0s;}
div:nth-of-type(208) {animation-delay: -082.8s,0s;}
div:nth-of-type(209) {animation-delay: -073.3s,0s;}
div:nth-of-type(210) {animation-delay: -289.9s,0s;}
div:nth-of-type(211) {animation-delay: -165.7s,0s;}
div:nth-of-type(212) {animation-delay: -207.1s,0s;}
div:nth-of-type(213) {animation-delay: -342.5s,0s;}
div:nth-of-type(214) {animation-delay: -328.1s,0s;}
div:nth-of-type(215) {animation-delay: -202.3s,0s;}
div:nth-of-type(216) {animation-delay: -240.5s,0s;}
div:nth-of-type(217) {animation-delay: -130.6s,0s;}
div:nth-of-type(218) {animation-delay: -173.6s,0s;}
div:nth-of-type(219) {animation-delay: -160.9s,0s;}
div:nth-of-type(220) {animation-delay: -189.6s,0s;}
div:nth-of-type(221) {animation-delay: -151.3s,0s;}
div:nth-of-type(222) {animation-delay: -195.9s,0s;}
div:nth-of-type(223) {animation-delay: -186.4s,0s;}
div:nth-of-type(224) {animation-delay: -293.1s,0s;}
div:nth-of-type(225) {animation-delay: -310.6s,0s;}
div:nth-of-type(226) {animation-delay: -350.4s,0s;}

@keyframes transform-rotate-clockwise {
	0%		{transform: rotate(0deg);}
	100%	{transform: rotate(360deg);}
}

@keyframes transform-rotate-counterclockwise {
	0%		{transform: rotate(0deg);}
	100%	{transform: rotate(-360deg);}
}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- COLOR WHEEL -=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

@keyframes animate-color-wheel-red-start {
	000.0% {color: hsl(000, 100%, 50%);}
	008.3% {color: hsl(030, 100%, 50%);}
	016.7% {color: hsl(060, 100%, 50%);}
	025.0% {color: hsl(090, 100%, 50%);}
	033.3% {color: hsl(120, 100%, 50%);}
	041.7% {color: hsl(150, 100%, 50%);}
	050.0% {color: hsl(180, 100%, 50%);}
	058.3% {color: hsl(210, 100%, 50%);}
	066.7% {color: hsl(240, 100%, 50%);}
	075.0% {color: hsl(270, 100%, 50%);}
	083.3% {color: hsl(300, 100%, 50%);}
	091.7% {color: hsl(330, 100%, 50%);}
	100.0% {color: hsl(360, 100%, 50%);}
}
@keyframes animate-color-wheel-yellow-start {
	000.0% {color: hsl(060, 100%, 50%);}
	008.3% {color: hsl(090, 100%, 50%);}
	016.7% {color: hsl(120, 100%, 50%);}
	025.0% {color: hsl(150, 100%, 50%);}
	033.3% {color: hsl(180, 100%, 50%);}
	041.7% {color: hsl(210, 100%, 50%);}
	050.0% {color: hsl(240, 100%, 50%);}
	058.3% {color: hsl(270, 100%, 50%);}
	066.7% {color: hsl(300, 100%, 50%);}
	075.0% {color: hsl(330, 100%, 50%);}
	083.3% {color: hsl(360, 100%, 50%);}
	091.7% {color: hsl(390, 100%, 50%);}
	100.0% {color: hsl(420, 100%, 50%);}
}
@keyframes animate-color-wheel-green-start {
	000.0% {color: hsl(120, 100%, 50%);}
	008.3% {color: hsl(150, 100%, 50%);}
	016.7% {color: hsl(180, 100%, 50%);}
	025.0% {color: hsl(210, 100%, 50%);}
	033.3% {color: hsl(240, 100%, 50%);}
	041.7% {color: hsl(270, 100%, 50%);}
	050.0% {color: hsl(300, 100%, 50%);}
	058.3% {color: hsl(330, 100%, 50%);}
	066.7% {color: hsl(360, 100%, 50%);}
	075.0% {color: hsl(390, 100%, 50%);}
	083.3% {color: hsl(420, 100%, 50%);}
	091.7% {color: hsl(450, 100%, 50%);}
	100.0% {color: hsl(480, 100%, 50%);}
}
@keyframes animate-color-wheel-cyan-start {
	000.0% {color: hsl(180, 100%, 50%);}
	008.3% {color: hsl(210, 100%, 50%);}
	016.7% {color: hsl(240, 100%, 50%);}
	025.0% {color: hsl(270, 100%, 50%);}
	033.3% {color: hsl(300, 100%, 50%);}
	041.7% {color: hsl(330, 100%, 50%);}
	050.0% {color: hsl(360, 100%, 50%);}
	058.3% {color: hsl(390, 100%, 50%);}
	066.7% {color: hsl(420, 100%, 50%);}
	075.0% {color: hsl(450, 100%, 50%);}
	083.3% {color: hsl(480, 100%, 50%);}
	091.7% {color: hsl(510, 100%, 50%);}
	100.0% {color: hsl(540, 100%, 50%);}
}
@keyframes animate-color-wheel-blue-start {
	000.0% {color: hsl(240, 100%, 50%);}
	008.3% {color: hsl(270, 100%, 50%);}
	016.7% {color: hsl(300, 100%, 50%);}
	025.0% {color: hsl(330, 100%, 50%);}
	033.3% {color: hsl(360, 100%, 50%);}
	041.7% {color: hsl(390, 100%, 50%);}
	050.0% {color: hsl(420, 100%, 50%);}
	058.3% {color: hsl(450, 100%, 50%);}
	066.7% {color: hsl(480, 100%, 50%);}
	075.0% {color: hsl(510, 100%, 50%);}
	083.3% {color: hsl(540, 100%, 50%);}
	091.7% {color: hsl(570, 100%, 50%);}
	100.0% {color: hsl(600, 100%, 50%);}
}
@keyframes animate-color-wheel-magenta-start {
	000.0% {color: hsl(300, 100%, 50%);}
	008.3% {color: hsl(330, 100%, 50%);}
	016.7% {color: hsl(360, 100%, 50%);}
	025.0% {color: hsl(390, 100%, 50%);}
	033.3% {color: hsl(420, 100%, 50%);}
	041.7% {color: hsl(450, 100%, 50%);}
	050.0% {color: hsl(480, 100%, 50%);}
	058.3% {color: hsl(510, 100%, 50%);}
	066.7% {color: hsl(540, 100%, 50%);}
	075.0% {color: hsl(570, 100%, 50%);}
	083.3% {color: hsl(600, 100%, 50%);}
	091.7% {color: hsl(630, 100%, 50%);}
	100.0% {color: hsl(660, 100%, 50%);}
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- GRAYSCALE WHEEL -=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

/*@keyframes animate-color-wheel-red-start {
000.00% {color:hsl(000, 000%, 100%);}
100.00% {color:hsl(000, 000%, 100%);}
}
@keyframes animate-color-wheel-yellow-start {
000.00% {color:hsl(000, 000%, 100%);}
100.00% {color:hsl(000, 000%, 100%);}
}
@keyframes animate-color-wheel-green-start {
000.00% {color:hsl(000, 000%, 100%);}
100.00% {color:hsl(000, 000%, 100%);}
}
@keyframes animate-color-wheel-cyan-start {
000.00% {color:hsl(000, 000%, 100%);}
100.00% {color:hsl(000, 000%, 100%);}
}
@keyframes animate-color-wheel-blue-start {
000.00% {color:hsl(000, 000%, 100%);}
100.00% {color:hsl(000, 000%, 100%);}
}
@keyframes animate-color-wheel-magenta-start {
000.00% {color:hsl(000, 000%, 100%);}
100.00% {color:hsl(000, 000%, 100%);}
}*/