*{
	--dark1: #181F23;
	--dark2: #181F23;
	--light1: #F8C03A;
	--light2: #F8C03A;
	--background: #EEE;
	--accent_text: var(--background);
	--variant: 32;
	--red: 190;
	--green: 134;
	--blue: 0;
	--accent1: rgb(var(--red), var(--green), var(--blue));
	--accent2: rgb(calc(var(--red) + var(--variant)), calc(var(--green) + var(--variant)), calc(var(--blue) + var(--variant)));
}
/**{
	--dark1: black;
	--dark2: #181F23;
	--light1: #F8C03A;
	--light2: white;
}*/
.accent1{
	color: var(--accent2);
}
.accent2{
	color: var(--accent_text);
	background: var(--accent1);
}
svg.accent1 *, .accent1 svg *{
	fill: var(--accent2);
	stroke: var(--accent2);
}
svg.accent2 *, .accent2 svg *{
	fill: var(--accent_text);
	stroke: var(--accent_text);
}
.dark1, .child_dark1 > *, .grand_dark1 > * > *, .hover_dark1:hover, .hover_child_dark1 > *:hover, .hover_grand_dark1 > * > *:hover{
	color: var(--light2);
	background: -webkit-linear-gradient(45deg, var(--dark1), var(--dark2));

/*	background:
		linear-gradient(45deg, var(--dark1), transparent),
		repeating-linear-gradient(45deg, rgba(246, 244, 9, 0.5), rgba(246, 244, 9, 0.5) 4px, transparent 4px, transparent 8px),
		repeating-linear-gradient(-45deg, rgba(246, 244, 9, 0.5), rgba(246, 244, 9, 0.5) 4px, transparent 4px, transparent 8px),
		linear-gradient(45deg, var(--dark1), var(--dark2));*/

/*	background: -webkit-linear-gradient(45deg, var(--dark1) 50%, var(--dark2) 50%);*/
/*	background: linear-gradient(45deg, var(--dark1), transparent), linear-gradient(45deg, black, white);*/
/*	background: -webkit-linear-gradient(45deg, var(--dark1) 50%, var(--dark2) 50% 75%, var(--light1) 75%);*/
}
.dark2, .child_dark2 > *, .grand_dark2 > * > *, .hover_dark2:hover, .hover_child_dark2 > *:hover, .hover_grand_dark2 > * > *:hover{
	color: var(--light2);
	background: -webkit-linear-gradient(45deg, var(--dark2), var(--dark1));
/*	background: -webkit-linear-gradient(-45deg, var(--dark2) 50%, var(--dark1) 50%);*/
}
.light1, .child_light1 > *, .grand_light1 > * > *, .hover_light1:hover, .hover_child_light1 > *:hover, .hover_grand_light1 > * > *:hover{
	color: var(--dark1);
	background: -webkit-linear-gradient(45deg, var(--light1), var(--light2));
}
.light2, .child_light2 > *, .grand_light2 > * > *, .hover_light2:hover, .hover_child_light2 > *:hover, .hover_grand_light2 > * > *:hover{
	color: var(--dark1);
	background: -webkit-linear-gradient(45deg, var(--light2), var(--light1));
}
#slider{
	height: 384px;
}
#logo{
	height: 96px;
}
.frame{
	border: 50px solid;
	border-image: url(frame.png) 100;
}
table{
	border-collapse: collapse;
}
table th, table td{
	padding: 8px;
}
table > *:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}
table > * > *:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.1);
}
.cart{
	color: white;
	padding: 2px;
	text-align: center;
	border-radius: 16px;
	background-color: red;
}
.accent2 .hover_foreground:hover, .accent2 .child_hover_foreground > *:hover, .accent2 .grand_hover_foreground > * > *:hover{
	background: var(--accent2);
}