:root {
  --red: #f21332;
  --orange: #f27225;
  --pink: #e20b88;
  --yellow: #f2ad24;
  --green: #00b249;
  --blue: #1844b5;
  --purple: #a033b3;
}
body {
	background-color : #FA00CD;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	max-width : 400px;
	margin : auto;
	size : 10%;
}
h1 {
	color : lime;
	text-align : right;
}
h2 {
	color : #45B153;
	text-align : center;
}
p {
	color : #00FAFA;
	text-align : center;
	border-style: dotted;
}
b {
	color : #FFF000;
	font-size : 24px;
}
ol, ul {
	background-image : url("./mavrica.gif");
}
li {
	text-align : center;
}
li:nth-of-type(7n + 1) {
  color: var(--red);
}

li:nth-of-type(7n + 2) {
  color: var(--orange);
}

li:nth-of-type(7n + 3) {
  color: var(--pink);
  text-align : left;
  text-indent : 175px;
}

li:nth-of-type(7n + 4) {
  color: var(--yellow);
}

li:nth-of-type(7n + 5) {
  color: var(--green);
  text-align : left;
  text-indent : 150px;
}

li:nth-of-type(7n + 6) {
  color: var(--blue);
}

li:nth-of-type(7n + 7) {
  color: var(--purple);
}