:root {
  --bg: #282828;
  --bg2: #504945;
  --fg0: #fbf1c7;
  --fg1: #ebdbb2;
  --fg2: #d5c4a1;
  --fg3: #bdae93;
  --fg4: #a89984;
  --orange: #d65d0e;
  --orange2: #fe8019;
  --blue: #458588;
  --blue2: #83a598;
  --green: #98971a;
  --green2: #b8bb26;
  --yellow: #d79921;
  --gray: #a89984;
  --aqua: #8ec07c;
}
body {
	font-family: sans-serif ;
	background: var(--bg) ;
	color:  var(--fg0);
}

main {
	max-width: 1200px ;
	margin: auto ;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
	color: var(--orange);
}

h2 {
	text-align: center ;
	color: var(--fg4);
}

h3 {
	text-align: left ;
	color: var(--fg3);
}

h4 {
	text-align: left ;
	color: var(--fg2);
}

h5 {
	text-align: left ;
	color: var(--fg1);
}

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

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

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

.column {
  float: left;
  width: 50%;
}

a:link {
color: var(--blue);
text-decoration: none;
}

a:visited {
color: var(--aqua);
text-decoration: none;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

table, th, td {
  border: 1px solid;
  padding: 10px;
  text-align: left;
}
table {
  width: 100%;
  border-collapse: collapse;
}

ul {
  margin: 0; /* Remove margin around the entire list */
  padding: 1; /* Remove padding around the entire list */
}

li {
  margin-bottom: 0em; /* Adjust spacing between items */
  padding: 0; /* Ensure no padding inside list items */
}

svg {
  width: 40px;
  height: 40px;
  margin: 10px;
  fill: var(--bg); /* Change the color */
  stroke: var(--fg0);
}

.feather-rss {
    width: 20px;
    height: 20px;
    vertical-align: middle;
	stroke: var(--blue2);
}

/* Styling for the website title (Site Name) */
.site-title {
  color: var(--orange);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Remove default link styling for the title */
.site-title a {
  text-decoration: none; /* Remove underline */
  color: inherit; /* Inherit the color from .site-title */
}