/*
body {
	margin:0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}
canvas {
	width:  min(100vw, 100vh);
	height: min(100vw, 100vh);
}
*/
/*
canvas {
	width:  min(100vw, 100vh);
	height: min(100vw, 100vh);
	
}
*/

.palette-0,
.palette-1,
.palette-2,
.palette-3,
.palette-4,
.palette-5,
.palette-6,
.palette-7,
.palette-8,
.palette-9,
.palette-10,
.palette-11,
.palette-12,
.palette-13,
.palette-14
{
  width: 0;
  height: 0;
}

.palette-0 {
	--color-count: 7;
	--color-1:	#F5E1C8;
	--color-2:	#2A2B2F;
	--color-3:	#F9C784;
	--color-4:	#C8553D;
	--color-5:	#6B486B;
	--color-6:	#A2D7C7;
	--color-7:	#F6D155;

	--shadow:#2A2B2F;
	--light:#F9C784;
	--midtone:#C8553D;
	--background:#F5E1C8;
	--palette:'Renaissance Sunrise';
}

.palette-1 {
	--color-count: 7;
	--color-1:	#FFB900;
	--color-2:	#E74856;
	--color-3:	#00d7d0;
	--color-4:	#148ca7;
	--color-5:	#7A7574;
	--color-6:	#535353;
	--color-7:	#FFFFFF;

	--shadow: #1D1D1D;
	--light: #E3E3E3;
	--midtone: #848484;
	--background: #131313;
	--palette: 'Arthaos';
}

.palette-2 {
	--color-count: 7;
	--color-1: #3f1b53;
	--color-2: #c26f73;
	--color-3: #289cb3;
	--color-4: #7C5281;
	--color-5: #fc6b36;
	--color-6: #6A5ACD;
	--color-7: #236f51;

	--shadow: #1A111F;
	--light: #F8EDD1;
	--midtone: #7C5281;
	--background: #2E1A39;
	--palette: 'Paris Opera';
}


.palette-3 {
	--color-count: 7;
	--color-1: #f0ebeb;
	--color-2: #ffa600;
	--color-3: #ff6361;
	--color-4: #bc5090;
	--color-5: #58508d;
	--color-6: #f0ebeb;
	--color-7: #ffa600;

	--shadow: #ffa600;
	--light: #58508d;
	--midtone: #0f1011;
	--background: #f0ebeb;
	--palette: 'Surrealist Dreamscape';
}

.palette-4 {
	--color-count: 7;
	--color-1: #EF233C;
	--color-2: #2B2D42;
	--color-3: #8D99AE;
	--color-4: #EDF2F4;
	--color-5: #EF233C;
	--color-6: #2B2D42;
	--color-7: #8D99AE;

	--shadow: #2B2D42;
	--light: #EDF2F4;
	--midtone: #8D99AE;
	--background: #EF233C;
	--palette: 'Baroque Elegance';
}

.palette-5 {
	--color-count: 7;
	--color-1: #2E2B46;
	--color-2: #dcbb44;
	--color-3: #e38150;
	--color-4: #A23E48;
	--color-5: #305d45;
	--color-6: #F2F2F2;
	--color-7: #5f9cb1;

	--shadow: #0C0C0C;
	--light: #F2F2F2;
	--midtone: #A23E48;
	--background: #D5C5B3;
	--palette: 'Picasso Vibes';
}

.palette-6 {
	--color-count: 7;
	--color-1: #8C857E;
	--color-2: #F54B3A;
	--color-3: #FFE66D;
	--color-4: #D7B9D5;
	--color-5: #292a5a;
	--color-6: #7c736a;
	--color-7: #c03225;

	--shadow: #F54B3A;
	--light: #D7B9D5;
	--midtone: #0f1011;
	--background: #8C857E;
	--palette: 'Monets Garden';
}


.palette-7 {
	--color-count: 7;
	--color-1: #a9825b;
	--color-2: #E7D58C;
	--color-3: #cb9538;
	--color-4: #A07178;
	--color-5: #28362c;
	--color-6: #877c70;
	--color-7: #b29f51;

	--shadow: #850b0b;
	--light: #f3a6a6;
	--midtone: #E64848;
	--background: #8C857E;
	--palette: 'Van Goghs Starry Night';
	}
	
.palette-8 {
	--color-count: 7;
	--color-1: #3c3c3c;
	--color-2: #82579B;
	--color-3: #4F4F4F;
	--color-4: #E0C1CB;
	--color-5: #911e1e;
	--color-6: #8C8C8C;
	--color-7: #C9ADA1;

	--shadow: #262626;
	--light: #E0C1CB;
	--midtone: #0f1011;
	--background: #B30000;
	--palette: 'Klimts Gold';
}
	
.palette-9 {
	--color-count: 7;
	--color-1: #333433;
	--color-2: #4D4F4E;
	--color-3: #B8C9B8;
	--color-4: #F7FFDD;
	--color-5: #F7786B;
	--color-6: #FFC107;
	--color-7: #FFD769;

	--shadow: #1F271B;
	--light: #F7FFDD;
	--midtone: #4D4F4E;
	--background: #B8C9B8;
	--palette: 'Matisses Cutouts';
}
	
.palette-10 {
	--color-count: 7;
	--color-1: #293241;
	--color-2: #98c1d9;
	--color-3: #e0fbfc;
	--color-4: #ee6c4d;
	--color-5: #2b9157;
	--color-6: #4f90b5;
	--color-7: #eaf3f3;

	--shadow: #293241;
	--light: #e0fbfc;
	--midtone: #0f1011;
	--background: #1d1817;
	--palette: 'Evening Breeze';
}
	
.palette-11 {
	--color-count: 10;
	--color-1: #3E3D42;
	--color-2: #b29779;
	--color-3: #C3D3C8;
	--color-4: #c7aaaa;
	--color-5: #647C90;
	--color-6: #D9B9B2;
	--color-7: #8D9CA9;
	--color-8: #3279c9;
	--color-9: #FF6B6B;
	--color-10: #FFC107;

	--shadow: #3E3D42;
	--light: #EFEFEF;
	--midtone: #0f1011;
	--background: #C3D3C8;
	--palette: 'Infinite Spring with Accents';
}

.palette-12 {
	--color-count: 7;
	--color-1: #000000;
	--color-2: #4d4d4d;
	--color-3: #bfbfbf;
	--color-4: #f2f2f2;
	--color-5: #e60000;
	--color-6: #ff6600;
	--color-7: #ffcc00;

	--shadow: #4d4d4d;
	--light: #f2f2f2;
	--midtone: #e60000;
	--background: #000000;
	--palette: 'Rocket Launch';

	/* Additional colors */
	--color-8: #6600cc;
	--color-9: #00ccff;
	--color-10: #00ff00;
}

.palette-13 {
	--color-count: 7;
	--color-1: #c84242;
	--color-2: #83f6fa;
	--color-3: #0080ff;
	--color-4: #ffd700;
	--color-5: #b55bb4;
	--color-6: #ff69b4;
	--color-7: #800080;

	--shadow: #333333;
	--light: #ffffff;
	--midtone: #999999;
	--background: #000000;
	--palette: 'Carnival';

	/* Additional colors */
	--color-8: #ffa500;
	--color-9: #008000;
	--color-10: #ff1493;
	}

.palette-14 {
	--color-count: 7;
	--color-1: #a89e11;
	--color-2: #4d4d4d;
	--color-3: #bfbfbf;
	--color-4: #f2f2f2;
	--color-5: #3F3F3F;
	--color-6: #F0DCA0;
	--color-7: #FFD700;

	--shadow: #4d4d4d;
	--light: #f2f2f2;
	--midtone: #3F3F3F;
	--background: #000000;
	--palette: 'Egyptian Gold';

	/* Additional colors */
	--color-8: #2E86C1;
	--color-9: #1ABC9C;
	--color-10: #FFC300;
}