body {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: stretch;
	font-family: 'CMU Serif';
	min-height: 100%; /* Ensures full viewport height */
	background-color: #ffffff; /* Light background color */
}

.post {
	max-width: 950px; 
	min-width: 50%;
	height: 100%;
	background-color: #ffffff; /* Light blue background for the container */
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* Optional shadow for depth */
	overflow: hidden;
	bottom-margin: 2em;
}

.post-title {
	display: flex;
	justify-content: center;
	font-size: xx-large;
	font-weight: bold;
}

.smaller {
	font-size: smaller;
}

.bigger {
	font-size: bigger;
}

.half-em-margin{
	margin-top: 0.5em;	
	margin-bottom: 0.5em;	
}

.x-large {
	font-size: x-large;
}

.left {
	justify-content: left;
}
.right {
	justify-content: right;
}
.center {
	justify-content: center;
}

.displaymath {
	display: flex;
	justify-content: center;
	overflow-x: scroll;
	overflow-y: clip;
}

.author-container {
	display: flex;
	font-weight: bold;
	justify-content: space-between;
}


.author, .date {
	display: inline-block; /* Ensures both author and date are inline elements */
}


.post-text {
	text-align: left;
	font-size: 1.2em;
}

pre {
    display: inline;
    margin: 0;
}

code { /* this is for in-line code */

	background-color: #E8E9E8;
	font-size: inherit;


}

.code-block {
  display: flex;
  font-family: 'CMU Typewriter Text';
  font-weight: bold;
  background-color: black; /* black background */
  color: white; /* Optional: White text for better contrast */
  text-align: left; /* Left-aligned text */
  margin: 0.1em auto; /* Center the block */
  padding: 0.5em;
  white-space:pre;
  overflow-x: scroll;
  overflow-y: auto;
}

.code-wrap {
	white-space: pre-wrap;
}

.std-img {
	/* width: 40%; */
	height: 20em;
	display: flex;
	margin: auto;
}

.figure-label {

	display: flex;
	font-family: 'CMU Serif';
	font-weight: normal;
	justify-content: center;
	text-align: center;
}

.footer {
  
display: flex;
justify-content: center;
align-self: flex-end;

}

.social-icons {
  
  display: flex;
  justify-content: center;
  width: 2.0em;
  padding: 0.5em;
  
}