pride-background
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

	z-index: 0;

	& > pride-stripe
	{
		position: absolute;
		height: 100%;
		width: 16.667%;

		&:nth-of-type(1)
		{
			left: 0;
			background-color: #550000;
		}
		&:nth-of-type(2)
		{
			left: 16.666%;
			background-color: #552200;
		}
		&:nth-of-type(3)
		{
			left: 33.333%;
			background-color: #555500;
		}
		&:nth-of-type(4)
		{
			left: 50%;
			background-color: #004400;
		}
		&:nth-of-type(5)
		{
			left: 66.667%;
			background-color: #000055;
		}
		&:nth-of-type(6)
		{
			left: 83.334%;
			background-color: #550055;
		}
	}
}

