.directory {
    padding: 0.2rem;
    background-color: lightblue;
    border: solid 1px black;
    border-radius: 0.2rem;
}
li {
    margin: 1.2rem;
}

ol {
	 padding-inline-start: 100px;
}

/* Changes ordered list style when nested under ordered lists (preview mode only). */
/* "list-style-type" values (e.g. "i., ii."; "a., b." etc.) can be changed. See e.g. https://www.w3schools.com/cssref/pr_list-style-type.asp (scroll down) for a list of possible signs.*/

/* decimal = "1., 2.", lower-latin = "a., b.", lower-roman = "i., ii." */
	ol
{ list-style-type: decimal; 

}
/*
	ol ol
{ list-style-type: lower-latin; }
	ol ol ol
{ list-style-type: lower-roman; } 
	ol ol ol ol
{ list-style-type: decimal; } 
*/

	ol ol
{ list-style-type: upper-latin; 
background-color: lightpink;
}

	ol ol ol
{ list-style-type: none;
background-color: lightgray;
}


/* Reset the counter on the main ordered list */
/* ol {
  counter-reset: section;
} */
/* Style for the main list items */
/* ol > li {
  counter-increment: section;
} */
/* Before each list item in the main list, insert the counter */
/* ol > li::before {
  content: counter(section) ". ";
} */
/* For nested lists (2nd level), add a new counter and reset */
/* ol > li > ol {
  counter-reset: subsection;
} */
/* For nested list items, increment the subsection counter */
/* ol > li > ol > li {
  counter-increment: subsection;
} */
/* Format the second-level list items with main section and subsection */
/* ol > li > ol > li::before {
  content: counter(section) "." counter(subsection) " ";
} */


/* Restarts count when nested in between one unordered list. */
	ul ol ul ol
{ list-style-type: decimal; }
	ul ol ul ol ol
{ list-style-type: lower-latin; }
	ul ol ul ol ol ol
{ list-style-type: lower-roman; }
	ul ol ul ol ol ol ol
{ list-style-type: decimal; }