p {
  color: black
}

.flex-container {
    display: flex;
    max-height: 70vh;
    background-color: white;
}

image {
  border: 1px solid black;
  margin: 0;
}

button {
  background: none;
  border: none;
  color: red;
  text-decoration: underline;
  font-size: larger;
}

summary {
  color: red;
}

.columnl {
  background-color: white;
 width: 475px;
 max-height: 100%;
 margin-right: 3%;
}

.status {
  background-color: white;
   border: none;
   margin-bottom: 3%;
   padding: 1%;
   width: 50%;
 margin-left: auto;
}

#popup-overlay {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  /* Centers the content inside the overlay */

  justify-content: center;
  align-items: center;
}

/* The actual pop-up box content */
.popup-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Adjust width as needed */
  max-width: 500px; /* Optional: set a max-width */
  border-radius: 5px;
  text-align: center;
}



.posts {
  background-color: white;
  max-height: 60%;
   border-bottom: 2px solid black;
    padding: 1%; 
    padding-right: 2%;
    padding-left: 2%;
    overflow-y: auto; 
    
    text-align: justify;
}

.columnr {
  background-color: white;
  width: 25%;
    padding: 1%;
    max-height: 70%;
     overflow-y: auto; 
}

.bottom-right-fixed {
    position: fixed;
    bottom: 0; /* Aligns to the bottom edge of the viewport */
    right: 0;  /* Aligns to the right edge of the viewport */
    /* Optional: Add some padding or margin to space it from the edge */
    padding: 10px; 
    /* Optional: Ensure it's above other content */
    z-index: 1000; 
}