body {
	
	background-color: #1e1d20;
	background-color: #242424;
	color: #ff991d;
	margin: 0;
}


.top-container {
 
  padding: 10px;
  padding-right: 10;
  text-align: center;
   font-size: 36;
}

.masthead-title {
	 font-family: trajan-pro-3, serif;
	font-size: 35;
	 color:#ffe5ce
	
}


.header {
  padding: 10px 32px;
   font-family: trajan-pro-3, serif;
 
}
.minor-header {
  padding: 10px 32px;
  font-size:20;
   font-family: trajan-pro-3, serif;
 
}
a {
  color: gold;
  text-decoration: none;
  color:#ffe5ce
}
.header-button {
	background-color:transparent;
	border-radius:3px;
	border:2px solid #ff9933;
	margin: 3px;
	cursor:pointer;
	
	font-family: trajan-pro-3, serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.header-button:hover {
	background-color:transparent;
}
.header-button:active {
	
	top:1px;
}
.header-button-circle {

border-radius:20px;
padding:7px 14px;
}


.header-button-sm {
	background-color:transparent;
	border-radius:5px;
	border:2px solid #ff9933;
	margin: 3px;
	cursor:pointer;
	font-family: trajan-pro-3, serif;
	font-size:12px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.header-name {
	
	margin: 3px;
	cursor:pointer;
	font-family: trajan-pro-3, serif;
	font-size:14px;
	font-weight:bold;
	padding:3px 10px;
}


.noble {
	font-family: trajan-pro-3, serif;
}
    
 .central {
	 text-align: center;
 }   
    
    
    .input-label {
     font-family: trajan-pro-3, serif;
}
.input-field {
	background-color:#442f2f;
	color:#fbe0bf;
	border-radius:3px;
	border:2px solid #ff9933;
	margin: 3px;
	cursor:pointer;
		font-family: trajan-pro-3, serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
    textarea, input
		{
	   		font-family: serif;
	   		font-size: 18px;
	   		background-color: rgba(66, 24, 24, 0.4);
	   		color: #efc56d;
	   		width:500px;	
	   		
	   		border-style: solid;
	   		border-width: 1px;
	   		border-radius: 5px;  
	   		padding: 5px; 
	   		padding-left:10px;	
		}
		
		
		form .error {
			color: #ff0000;
		}
		
		p
		{
			margin-bottom: 20px;
		}


	
.postList{
	margin-left:150px;
	padding: 30px;
	--background-color: black;
}

h3 {
	margin:0;
	padding: 0;
}

.post-block {
	margin: 0;
	margin-bottom: 40px;
	
}

.author {
	 font-family: trajan-pro-3, serif;

}
	
	
.grid { 

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 30px;
 
  
  background-color: black;
  padding: 100;
 align-items:flex-end;

  
  }
.grid img {
  border: 1px solid #ccc;
  box-shadow: 5px 8px 20px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
  align-self: center;
  
}
.page-title {
	 font-family: trajan-pro-3, serif;
	font-size: 30;
	
	 text-align: center;

}



.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}


main {
	marging: 50;
	padding 50;
}


.placard 
	{
		background: #302520; 
		border-radius: 10px;
		border-width: 1px; 
		border-style:solid; 
		padding:0px; 
		margin-top: 30px;
		text-align:left; 
		width: 500px;
		display: inline-block; 
		width:700px;
	}
	
	.subplacard
	{
		padding: 35;
		padding-top: 0;
	}