body {
	font-family: Helvetica;
	font-size: 16px;
	line-height: 1.5;
	background-color: #efeded;
	color: #282a26;
	margin: 40px;
  padding: auto;
  border: 0px solid #4e381a;
}




.site-footer {
  color: #282a26;
  padding: 20px;
}





.vertical-menu {
  width: 250px; /* Sets the menu width */
  padding: 15px 0 0 ;
  text-align: left;

}

.vertical-menu ul {
  list-style-type: none; /* Removes standard bullet points */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* Forces items into a vertical stack */
}

.vertical-menu a {
  display: inline;
  padding: 12px 20px;
  color: #282a26;
  text-decoration: none; /* Removes text underlines */
  font-family: sans-serif;
}

/* Hover effects */
.vertical-menu a:hover {
  color: #e23f12;
}

/* Style for the current/selected page */
.vertical-menu a.active {
 color: #e23f12;
  font-weight: bold;
}





#1f1f1f text black

#fffcfc background white
#4e381a text brown


p{
 	font-size: 16px;
	font-weight: 100;
  color: #282a26;
  text-align: left;
  padding: 20px 0 20px 0;
  
}

h1 {
  text-align: right;
	font-size: 18px;
	font-weight: 400;
  color: #282a26;
  text-align: left;
}


h2 {
  font-family: Helvetica;
 	font-size: 25px;
	font-weight: 500;
  color: #282a26;
  text-align: left;
  padding: 20px 0 20px 0;
}





h6 {
	font-size: 10px;
	font-weight: 100;
  color: #282a26;
  text-align: left;
    padding: auto;
}


a{
  text-decoration: underline;
  color: #e23f12;
}

a:hover {
  text-decoration: underline;
 font-style: italic;
  color: #e23f12;
}




.vertical-stack {
  display: flex;
  flex-direction: column; /* Forces vertical stacking */
  align-items: flex-start;
  gap: 15px;              /* Optional: Adds neat spacing between the images */
}

.vertical-stack img {
  max-width: 100%;        /* Keeps images responsive */
  height: auto;
}