.body {
 display: flex; 
}
.left {
 background-image: linear-gradient(to left, #212121, #000, #000, #000, #000);
 border-right: 1px solid #fff;
 width: 200px;
}
.gallery {
 width: 1070px;
 padding: 15px;
}
.welcome {
 background: #212121;
 border: 1px #777777 solid;
 padding: 17px; 
}
.welcome p {
 margin: 10px;
 font-size: 11px;
}
.gallery h1 {
 font-style: italic;
 font-family: serif;
 margin-bottom: -8px; 
}
.gallery .grid {
 background: #212121;
 border: 1px solid #fff;
 outline: 1px solid #fff;
 outline-offset: -7px;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 flex-wrap: wrap;
 padding: 15px;
}
.gallery .grid .entry {
 width: 195px;
 margin: 5px;
 border: 1px solid #777777;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}
.gallery .grid .entry img {
 width: auto;
 height: 200px;
 background: #000;
 border: 1px solid #777777;
}
.gallery .grid .entry .thumb-title {
 width: 175px;
 height: 20px;
 background: #414141;
 padding: 3px;
 margin-top: 5px;
 overflow: hidden;
 font-size: 17px;
 font-weight: bold;
 font-family: sans-serif;
}
.gallery .grid .entry .thumb-tags{
  font-size: 9px;
  color: #777777;
  margin-left: -75px;
  margin-top: -10px;
}
.gallery .grid .entry .thumb-date{
  text-align: right;
  font-size: 11px;
  color: #777777;
  margin-left: 99px;
  margin-top: 2px;
}
.gallery-nav {
 margin: 15px;
 padding: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #212121;
}
.gallery-nav button {
 background: #414141;
 border: none;
 padding: 10px;
 width: 150px;
 margin: 5px;
 color: #fff;
}
.gallery-nav button:hover {
 background: #000;
 color: #0077A7;
}
.gallery-nav button:active {
 color: #777777; 
}
.right {
 background-image: linear-gradient(to right, #212121, #000, #000, #000, #000);
 border-left: 1px solid #fff;
 width: 200px;  
}