@font-face {
  font-family: 'IowanOldStyle';
  src: url('/fonts/iowan-old-style-bt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IowanOldStyle';
  src: url('/fonts/iowan-old-style-italic-bt.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IowanOldStyle';
  src: url('/fonts/iowan-old-style-bold-bt.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


/*
@font-face {
	font-family: 'Carolingian';
	src: url('http://localhost:1313/fonts/CarolingianMinusculeRegular.ttf');<2
}
*/
/*
@font-face {
	font-family: 'AdobeGaramond';
	src: url('http://yuuza.xyz/fonts/AGaramondPro-Regular.otf');
}*/

body {
  /*font-family: "Iowan Old Style","Iowan","Iowan BT","Palatino Linotype", serif;*/
	font-family: "IowanOldStyle", serif;
/*	font-family: "C059" serif;*/
	font-size: 1.2em;
	background: white;
	color: rgb(70, 72, 67);
	
}

aside {
	font-size: small;
	text-align: left;
}

time {
	color:rgb(157, 148, 136);
}

main {
  /*font-family: "Iowan Old Style","Iowan","Iowan BT","Palatino Linotype", serif;*/
	font-family: "IowanOldStyle", serif;

	/*font-family: "C059" serif;*/
	color: rgb(70, 72, 67);
	background-color: white;
	color: #000000;
	font-size: medium;
	line-height: 1.4;
	max-width: 80% ;
	margin: auto ;
}


/* FOR THE TOC */

.toc-sidebar {
  position: sticky;
  top: 1%;
	height: fit-content; /* Ensures it only takes up necessary space */
	font-size: 0.65em;
	padding-top: 5%;
}

#TableOfContents ul {
  list-style-type: none;
  padding-left: 5%;
	padding-top: 2%;
}

.container {
  display: flex; /* Use flexbox for layout */
}

.row {
  display: flex; /* Ensure the row uses flexbox */
}

.col-md-3 {
  flex: 0 0 auto; /* Prevents the TOC from stretching */
}

.col-md-9 {
  flex: 1; /* Allows the content to take up remaining space */
}

#TableOfContents a {
  color: #333;
  text-decoration: none;
}

a:link:hover {
	color: #007bff;
}

a:link {
	color: rgb(50, 52, 59);
	text-decoration: underline;
	text-underline-offset: 0.3em;
}



a:visited {
	color: rgb(132, 133, 131);
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

hr {
	color: black;
	background-color: black;
}

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

.left {
    max-width: 45%;
    float: left; 
    margin-right: 2.5%; 
    margin-left: 0;
}

.right {
		max-width: 45%;
    float: right;
    margin-left: 2.5%; 
    margin-right: 0;
}

.image-title {
  clear: both; 
}

table {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}

table, th, td {
  border: 0.1em solid black;
}

th, td {
  padding: 0.5em;
  text-align: left;
}

code {
	background-color: white;
	color: orangered;
	overflow: clip;
	font-size: medium;
}

.language-Bash {
	background-color: white;
	overflow: clip;
	color: orangered;
	font-size: medium;
}

.center {
	margin-left: auto;
  margin-right: auto;
	display: block;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.65em;
}

h3 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

h1, h2, h3, h4, h5 {
	text-align: "center";
	/*font-family: "Iowan Old Style","Iowan","Iowan BT","Palatino Linotype", serif;*/
	font-family: "IowanOldStyle", serif;

  color: black; 
  margin-top: 0em;
		
}

blockquote {
	font-style: italic;
	color: rgb(70, 72, 67);
	line-height: medium;
	padding-left: 5%;
	font-style: italic;
}

p {
	margin-bottom: 2em; /* between paragraphs */
}

section {
	margin-bottom: 2.5em;
}

footer {
	text-align: center ;
	clear: both ;
}

figcaption {
  text-align: center;
	font-size: small;
	font-style: italic;
}


/* For TAGLIST.HTML */
.taglist {
	width: 35%;
	margin: auto;
	text-align: center;
	line-height: 1.5em;
	clear: both;
	font-size: 0.8rem;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
	font-size: medium;
}
#prevart {
	float: left ;
	text-align: left ;
	font-size: medium;
}
#nextart {
	float: right ;
	text-align: right ;
	font-size: medium;
}
#nextart,#prevart {
	max-width: 33% ;
	font-size: medium;
}


.text {
  font-family: inherit;
	/*font-family: "C059" serif;*/
	color: rgb(70, 72, 67);
  initial-letter: 2;
	text-align: left;
	width: 70%;
	max-width: 65em;
	height: 95%;
	font-size: 50.5%;
	line-height: 1.75em;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5%;
	padding-bottom: 1%;
}


.blog-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.blog-item {
  line-height: 1.4;
}

.blog-text {
  font-family: inherit;
	/*font-family: "C059" serif;*/
	color: rgb(70, 72, 67);
  initial-letter: 2;
	text-align: left;
	width: 60%;
	height: 95%;
	font-size: 1rem;
	line-height: 1.75em;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5%;
	padding-bottom: 1%;
}

.no-drop-cap > p:first-of-type::first-letter {
  float: left;
  font-size: 45%;
  line-height: 1.75em;
}

.blog-text > p:first-of-type::first-letter {
	float: left;
  font-size: 3em;
  line-height: 0.8;
  padding-right: 0.1em;
  padding-top: 0.22em;
  font-family: "Garamond EB", serif;
}


.container {
	margin: 0 auto; /* Center the container horizontally */
  justify-content: center; /* Align items in the center horizontally */
	max-width: 88%;
	display: flex;
}
.left-column, .right-column {
	padding: 1%;
	flex: 1;
}
.center-column {
	padding: 1%;
	flex: 2;
	max-width: 80%;
}

.columns {
  columns: 3;
  column-width: auto;
  column-count: 3;
}


.read-time {
	font-size: 1em;
	color:rgb(157, 148, 136);
}

.read-time-single {
	font-size: 1em;
	color:rgb(157, 148, 136);
}

.verticalLine {
  border-left: thick solid #ff0000;
}

.navbar {
	padding: 0.5em;
	padding-bottom: 3em;
	max-width: 88%;
	margin: 0 auto;
	font-size: large;
	color: #FFFFFF;
	text-decoration: none;
}
.navbar-nav {
	list-style: none;
	padding: 0;
	display: flex;
}
.nav-item {
	margin-right: 1.1em;
}
.nav-item-right {
	margin-left: 1.1em;
}
.nav-item-left {
	margin-right: auto;
}
.nav-link {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.nav-link:hover {
	color: #007bff;
}

@media (max-width: 768px) {
	.navbar-nav {
		flex-direction: column;
		gap: 0.5rem;
	}
}



ol, ul {
  line-height: 1.3;
}

ol li, ul li {
  margin-bottom: 0.5em;
}


@media (max-width: 768px) {
  .text {
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }
  
  .read-time {
    font-size: 0.9rem;
  }
}