body {
   background: #bcbcb8;
   color: #000;
   font: 15px monospace;
   margin: 0px 100px 5px;
}


a { color: #000;
    filter: invert(0%);
}

a:hover {
    filter: invert(100%);
}

.container {
     width: 1000px;
  display: flex;
   flex-grow: 1;
  flex-wrap: wrap;
  padding: 0px;
}

.heading {
     width: 100%;
     order: 1;
    margin: auto;
    margin-top: 15px;
}

.heading img {
    width: 5%;
}



.post {
  border: 1px solid #666;
  text-align: justify;
  padding: 8px;
  border-radius: 0px 0px 5px 5px;
 color: black; 
 margin-bottom: 10px; 

}


.entry {
     overflow: auto;
     margin: 0px;
     padding: 10px;
     float: left;
     order: 3;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  color: #000;
}

.entry b {
	color: #000;
        font-family: monospace;
}


.entry img {
	
	padding: 0px;
	margin: 0px;
	max-width: 99.8%;
}

tr {
	width: 50%;
}

td {

	border: 1px solid #666;
   border-radius: 0px 0px 5px 5px;

}


h1 {
font: 16px monospace;
color: #fff;
background: #000;
margin: 0;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
}


@media only screen and (max-width: 800px) {
body {
   margin: auto;
   font: 16px monospace;
}

.container {
     width: 100%;
     border: 1px solid black;
     margin: 0px;
}

.entry {
    padding: 1px;
   margin-top: 5px;
    margin: 0px;
   width: 100%;
   order: 2;
}

.heading {
    margin-top: 2px;
}


.heading img {
width: 12%
}