.home-container{
  margin-left: 20px;
  margin-right: 20px;
}

#greeting {
  text-align: center;
}

.announcements{
  margin-left: 20px;
}

.rooms-container {
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  background-color: #151515;
  border-color:#252525;
  border-style: solid;
  border-width: 1px;
}

.room-title-container{
	margin-bottom: 5px;
  margin-top: 5px;
}

.room-description{
	font-style: italic;
  font-size: small;
}

.room-owner{
	font-size: smaller;
}

.subtitle {
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #151515;
  font-size: large;
  font-weight: 700;
  color: yellow;
  text-transform: uppercase;
  border-color:#28C12C;
  border-style: solid;
  border-width: 1px;
}

.room-users-container {
  padding: 5px;
  text-align: center;
  border-left: #252525;
  border-left-width: 1px;
  border-left-style: solid;
}

.room-users-label {
  text-transform: uppercase;
  font-size: small;
  color: #28C12C ;
}

.meme-grid-container{
  justify-items: center;
  justify-content: space-evenly
}

.meme-grid {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  justify-items: center;
  justify-content: space-evenly
}

.meme{
  display: flex;
  justify-content: center;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

@media (min-width: 300px) {
  .meme-grid { grid-template-columns: repeat(2, 0fr); }
}

@media (min-width: 600px) {
.meme-grid { grid-template-columns: repeat(3, 0fr); }
}

@media (min-width: 800px) {
  .meme-grid { grid-template-columns: repeat(4, 0fr); }
}

@media (min-width: 1000px) {
  .meme-grid { grid-template-columns: repeat(5, 0fr); }
}

.post-container{
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #151515;
  border-color: #252525;
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: space-between;
}

.post-title-container{
  display: flex;
  justify-content: space-between;
}

.post-details-container{
  display: flex;
  font-size: small;
}

.post-replies-container{
  padding: 5px;
  text-align: center;
  border-left: #252525;
  border-left-width: 1px;
  border-left-style: solid;
}

.post-replies{
  color:#28C12C;
  font-size: smaller;
  text-transform: uppercase;
}

.latest-post{
  color:#28C12C;
  font-size: smaller;
}

.post-title{
  text-transform: uppercase;
  color:#28C12C;
  font-weight: bold;
}

.post-author{
  margin-right: 5px;
}

.last-update-container{
  display:flex;
  font-style: italic;
  font-size: small;
}

.last-updated-by{
  margin-right: 5px;
}
.newest-users{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.user-container{
  margin-right: 5px;
}