: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);
}

.kemija {
	background-color : #3D7546;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	max-width : 450px;
	margin : auto;
	size : 10%;
}
h1.kemija {
	color : #C88CE1;
	text-align : center;
}
p.kemija {
	color : #86C8CF;
	text-align : left;
	border-style: dotted;
}
img.kemija {
	width : 400px;
	padding : 25px;
}
li.kemija {
	color : #86C8CF;
	background-image : initial;
}
ul.kemija {
	color : #86C8CF;
	background-image : initial;
}
	
.old *, .old {
	background-color : initial;
	font-family: initial;
	max-width : 450px;
	margin : auto;
	size : 10%;
	color : initial;
	text-align : left !important;
	background-image : initial;
	text-indent : 0px !important;
	width : 400px !important;
	
}
any-link {
	text-decoration : underline;
	color : lime;
}
a:hover {
	font-weight : bold;
	text-decoration : none;
}
a:visited {
	text-decoration : none;
	color : color : #86C8CF;;
}