.xContainer{
	display: flex;
	flex-direction: row;
	margin: 2rem;
	justify-content: space-around;
}
.mainContainer{
	display: flex;
	flex-direction: row;
	 justify-content: center;
	overflow: auto;
}
.blogIndex{
	margin-top: 4.5rem;
	width: auto;
	max-width:20rem;
}
pre {
	font-family: monospace, sans-serif; 
}
.abouttext{
	font-weight: 500;
        font-size: 1.2rem;
        color: #222;
        font-family: Garamond,Tahoma;
        font-style: italic;
}
article {
	margin: 1rem;
	align-self: center;
	width: auto;
}
hr {
	width: 50rem;
	align-self: center;
}
.defaultimg{
	margin: auto;
	width: 20%;
	height: 20%;
}
.lightText{
	color: whitesmoke;
}
.updateBtn{
	cursor: pointer;
	margin: 5rem;
	font-family: 'Courier';
	font-weight: 700;
	font-size: 1rem;
	color: whitesmoke;
	background-color: #222;
	padding: 0rem 1rem 0rem 1rem;
}
.darkthemed{
	background-color: #212121;
}
.updateBtn:hover{
	background-color: seagreen;
}
.sideBar{
	width: 50%;
	height: 50%;
	background-color: #2e2e2e;
	color: whitesmoke;
	font-size: 1rem;
}
.contentbox{
	display: flex;
}
.titleField{
	width: 30rem;
	background-color: #2e2e2e;
	color: whitesmoke;
	font-size: 1rem;
}
.contentDiv{
	width: auto;
	height: 500px;
}
.contentField{
	width: 100%;
	height: 100%;
	background-color: #2e2e2e;
	color: whitesmoke;
	font-size: 1rem;
}
.postLink {
	color: #044;
	font-style: italic;
	font-family: Garamond, Tahoma;
	font-size: 1.5rem;
}
.postLink:hover{
	text-decoration: underline;
}
.contd{
	color:#044;
	font-family: Garamond, Tahoma;
	font-size: 1rem;
}
.contd:hover{
	text-decoration: underline;
}
.postedByWhen{
	font-style: oblique;
}
.postContent{
	border: none;
	margin: 2rem;
	align-self: center;
	width: auto;
	max-width: 40rem;
}
.postContent > pre{
	border: none;
	padding: 0;
	margin: 0;
	align-self: center;
	width: 50rem;
}
/*div:not(#navbar-flexbox){
	margin: 1rem;
}
.navBarContainerNav{
	margin: 0;
}
.navBarDiv{
	margin: 0;
}
*/
.blogContainer:not(.filledInButton):not(.outLinedButton){
	display:flex;
	flex-direction: column;
	align-self: center;
}
.filledInButton{
	font-size: 1rem;
	font-family: 'Andada Pro', 'Courier New', monospace;
	border-radius: 50%;
	/*width: 2.8rem;*/
	/*padding: 0.3rem 0.7rem 0.3rem 0.7rem;*/
	padding: 0.5rem 0.9rem 0.5rem 0.9rem;
	margin: 0.5rem;
	border: 2px solid #222;;
	background-color: #222;
	color: whitesmoke;
}
.outLinedButton{
	font-family: 'Andada Pro', 'Courier New', monospace;
	border-radius: 50%;
	/*width: 2.8rem;*/
	padding: 0.5rem 0.9rem 0.5rem 0.9rem;
	margin: 0.5rem;
	border: 2px solid #222;
	color: #222;
}
.outLinedButton:hover{
	background-color: #222;
	color: whitesmoke;
}
.divPageLinks{
	margin: 2rem;
	display: flex;
	justify-content: center;
}
@media (pointer:coarse){
	.postContent{
		width: auto;
	}
	.blogIndex {
		display: none;
	}
}
@media (max-width: 1024px) {
  .blogIndex { display: none; }  
}