html, body { scrollbar-width: none; }
	body {
		margin: 0;
		
	}
	* {
		color: #888;
	}
	
	/* Main will be a flex so we can have the clikcables and blog post site to side */
	main {
		display: flex;
		gap: 1rem;
		max-width: 90%;
		width: 960px;
		padding: 1rem;
		
	}
	#entries {
  width: 32%;
	max-height: 400px;
  border: 2px inset;
  padding: 1rem;

	overflow-y: auto;  

	background: #d4d4d4;
background: linear-gradient(0deg, rgba(212, 212, 212, 1) 0%, rgba(255, 255, 255, 1) 80%);
}

#post {
  width: 68%;
	height: 70%;
  border: 1px solid #888;
  min-height: 300px;
}

	
	/* anchor elements (<a>) which will be our clickables are "inline display" by default so we make them "block display" */
	#entries { padding: 1rem; }
	#entries > a {
		display: block;
		width: 100%;
		margin-block: 3px;
		padding-block: 3px;
		padding-inline: 5px;

		border-radius: 5px;
	}
	#entries > a:hover {
		background-color: #222;
	}
	
	#post {
		min-height: 512px;
	}