body	{
	background-color:#000;
	color:#ddd;
  	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.nav {
	width:20vw;
	height:100vh;
	margin:0;
	left:0;
	top:0;
	border-right:double;
	background-color:#080808;
	position:fixed;
	text-align:center;
	
}

a{
	text-decoration:underline;
	color:#ddd;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: inline-block;
  margin:0 5vw;
  font-size:30px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}

.container {
	width:100%;
	margin:10% 0;
 	content: "";
	clear: both;
	display: table;
	text-align:center;
}

.post {
	margin:0 10%;
	width:30%;
	text-align:center;
}.postr {
	margin:0 10%;
	width:30%;
	text-align:center;
	float:right;
}

img{
	width:30vw;
	margin:0 5%;
	border:3px solid gray;
	border-radius:10px;
}
.right{
	float:right;
}
.left{
	float:left;
}

footer {
  text-align: center;
  padding: 3px 0 3vh 0;
  color: #ddd;
  width:100%;
  position:fixed;
  bottom:0;
  background-color:#000;
}
hr {
	height:2px;
	border-width:1px;
	color:gray;
	background-color:gray;
}