p {
color: white;
}
.bg-primary {
background-color: #f8f9fa;
}
body {
    text-decoration: none;
  --bs-link-hover-color: white; /
  --bs-link-color: #6f42c1;
  color: #212529;
}
body:hover {

}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
   text-decoration: none!important;
  color: white !important;
  border: 3px solid purple !important;
  background-color: #212529;
}
.btn:hover {
  background-color: #424649;
  text-decoration: none;
}
a:active,
a:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25);
}
.post_tresc {
padding: 5px;
min-height: 62px;
}
.post_img {
width: 200px;
height: 190px;
text-align: center;
display: block; margin-left: auto; margin-right: auto;"
}
.post_autor {
text-align: center;
border: 5px solid purple;
}

button {
display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-seawlect: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
   text-decoration: none!important;
  color: white !important;
  border: 3px solid purple !important;
  background-color: #212529;
}
.formbox {
border: 3px solid purple;
padding: 15px;
}
.post {
        border: 1px solid #444;
        padding: 0px;
        border-radius: 8px;
        width: 300px;
        cursor: pointer;
        background-color: #2d3338;
        color: #e9ecef;
        overflow: hidden;
    }
    .post.expanded {
    transform: scale(2);
    background-color: #2d3338;
    border: 1px solid #444;
    padding: 0px;
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;

    transform: translate(-50%, -50%);
    z-index: 1000;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    font-size: 2em;
}
.post.expanded img {
    text-align:center;
    transform: scale(1); /* Scale images up */
    transform-origin: center;
    margin: 15px 0;
    width: 600px;
height: 600px;
text-align: center;
display: block; margin-left: auto; margin-right: auto;"
}
