body {
  background-color: black;
       overflow: hidden;
  color: gold;
    font-family: courier;
      font-size:25px;
}
a {
  
text-decoration: none;
color: white;
  
}

.flex {
  
width: 100%;;
height: 100%;
overflow: hidden;  
  
  
  
  
}

.header {
  
width: 100vw;
height: 20vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
  
  
}

.pfbar {
 
 width: 100vw;
 height: 5vh;
 border-bottom: 2px solid gold;
border-top: 2px solid gold;
 display: flex;
 justify-content: space-evenly;
align-items: center; 
  
  
  
}

.pfbar img {
  
height: 85%;
width: auto;
  
  
}





.content {
padding: 10px;  
height: 80vh;
width: 100vw;
overflow-y: scroll;
display: flex;
justify-content: center;
align-items: flex-start;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */  
  
  
}
.main {
align-content: flex-start;  
gap: 25px;
 width: 50%; 
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;  
 flex-direction: row;
 border: 2px dashed gold;
 padding: 5px;
height: 95%;
overflow-y: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */  
  
}

.user {
  
  
 width: 20%;
 height: 15%;
 display: flex;
 justify-content: center;
 align-items: flex-start;
 align-content: flex-start;
flex-wrap: wrap;
 border: 2px solid gold;
 padding: 7px; 
  
  
  
  
}
#acht {
  

  
  
}
#mpost {
  

  
  
  
}
.post {
  
width: 75%;
height: auto;
 display: flex;
 justify-content: center;
 align-items: flex-start;
 align-content: flex-start;
flex-wrap: wrap;
 border: 2px solid gold;
 padding: 7px; 
text-align: left;  
  
  
  
  
} 
.postuser {
  
width: 50%;
height: auto;
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
 align-content: flex-start;
flex-wrap: nowrap;
 border: 2px solid gold;
 padding: 7px; 
text-align: left;  
  
  
  
  
} 
.user img {
  
 width: 50px; 
  
  
  
  
}

.cellim {
  width:  5%;
  border: 2px solid gold;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.cellim img {
  width: 30px;
}

.cellt {
  width: 80%;
  border: 2px solid gold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  height: 100%;
}

.cellp {
  text-align: center;
  width: 15%;
  border: 2px solid gold;
  padding: 3px;
   display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.row {
 height: 50px;
 width: 100%;
 display: flex;
 justify-content: center;
 flex-direction: row;
}

.celltt {
 width: 100%; 
  border: 2px solid gold;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;  
}