/*
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 {
  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:	#c77f14;
	--color-2:	#2a4abd;
	--color-3:	#3c223c;
	--color-4:	#db5d3e;
	--color-5:	#3d153d;
	--color-6:	#1f755c;
	--color-7:	#0a3a5c;

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


.palette-2 {
	--color-count: 7;
	--color-1: #444444;
	--color-2: #2b7d7f;
	--color-3: #57cc99;
	--color-4: #80ed99;
	--color-5: #ff9d00;
	--color-6: #ffbe40;
	--color-7: #ffa620;

	--shadow: #2b7d7f;
	--light: #80ed99;
	--midtone: #0f1011;
	--background: #444444;
	--palette: 'Impressionist Seascape';
}

.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: #22223B;
	--color-2: #4A4E69;
	--color-3: #9A8C98;
	--color-4: #F2E9E4;
	--color-5: #22223B;
	--color-6: #4A4E69;
	--color-7: #9A8C98;

	--shadow: #22223B;
	--light: #9A8C98;
	--midtone: #4A4E69;
	--background: #F2E9E4;
	--palette: 'Abstract Harmony';
}

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

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


.palette-7 {
	--color-count: 7;
	--color-1: #8C857E;
	--color-2: #E7D58C;
	--color-3: #F0B44E;
	--color-4: #A07178;
	--color-5: #1F1F1F;
	--color-6: #8C857E;
	--color-7: #E7D58C;

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

	--shadow: #262626;
	--light: #E0C1CB;
	--midtone: #0f1011;
	--background: #B30000;
	--palette: 'Klimts Gold';
}
	
.palette-9 {
	--color-count: 7;
	--color-1: #1F271B;
	--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: #293241;
	--color-6: #98c1d9;
	--color-7: #e0fbfc;

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

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