.red {
    display: flex;
    flex-wrap: wrap;
}

.post {
    max-width: 20rem;
    min-width: 10rem;
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax (1fr, 3.5fr));
    padding: 1rem;
    background-color: antiquewhite;
    box-shadow: 2px 6px 20px rgb(192, 180, 164);
    border-radius: 1rem;
    margin: 1rem;
}

.img-post {
    height:3.5fr;
    max-width:20rem;
    text-align: center;
  
}

.image {
    max-width:20rem;
    object-fit:cover;
    max-width: 90%;
    border-radius: 1rem;
}

.foto-perfil {
    border-radius:5rem;
    border: 0.2rem solid rgb(0, 255, 110);
    object-fit: cover;
    aspect-ratio: 1/1;
    max-width: 100%;
    align-self: center;
}


.perfil {
    display:grid;
    grid-template-columns: 0.8fr 2fr 2fr;
    grid-template-rows: 1fr;
    margin:1rem;

 
}

.user {
   font-family: Calibri;
   padding: 0rem 0rem 0rem 1rem;
   align-self: center;
}

.txt-post {
    font-family: Calibri;
    padding: 0rem 1rem 0rem 1rem;
    text-align:center;
}

.fecha {
    font-family: Calibri;
    padding: 0rem 0rem 0rem 0rem;
    font-size: 0.7rem;
    align-self: center;
}

.bottom {
   padding: 0rem 1rem 0rem 1rem;
   text-align:center;
}

hr {
    width: 10rem;
    border: 0.05rem solid black;
}

body {
    background-color: aliceblue;
}