/* Some of the css here was generated by AI originally */
:root {
  --grey: rgb(91,103,91);
  --white: #ffffff;
}

@font-face {
	font-family: "Computer Modern";
	src: url('cmunsi.ttf');
	font-weight: italic, oblique;
}

@font-face {
	font-family: "Computer Modern";
	src: url('cmunbxo.ttf');
	font-weight: bold;
	font-style: italic, oblique;
}

@font-face {
	font-family: "Computer Modern";
	src: url('cmunsx.ttf');
	font-weight: bold;
}

@font-face {
	font-family: "Computer Modern";
	src: url('cmunss.ttf');
}

body {
	font-family: "Computer Modern", normal;
	word-break: break-word;
}

.nav-container {
    background-color: Lavender; /* Change as needed */
    padding: 1% 0;
    border-bottom: 1px solid #ddd; /* Optional, for a bottom border */
}

.nav-bar {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* display: flex; */
    /* justify-content: flex-end; */
}

.nav-item {
    display: inline;
    padding: 1%;
	float: right;
}

#nav-indepthnotes {
	float: left;

}

#img-indepthnotes {
    width: 20%;
    height: auto;
    margin-top: 10px; /* Adjust to provide space between nav and image */
}

/* Ensure the container for the image has padding/margin */
.img-container {
    padding: 1%;
    text-align: center; /* Optional, center the image */
}

p {
	font-size: 20px;
	padding: 0 10% 0 10%;
}

ul, ol {
	font-size: 20px;
	padding: 0 10% 0 10%;
}

li {
	/* list-style-type: none; */
	padding-top:0.3%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Computer Modern", normal;
	text-align: center;
	padding: 0 10% 0 10%;
}

a {
	color:MidnightBlue;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* a.contents { */
/*   color: red; */
/*   text-align: start; */
/* } */


span.span_contents {
  float: right;
}

table {
	border-collapse: collapse;
}

.tr_leader {
  border-bottom:dashed 1px;
}

.padding {
	padding: 0 10% 0 10%;
}

.td_date {
  width:6rem;
  text-align:right;
}

pre {
	padding: 0 10% 0 10%;
	white-space:break-spaces;
}