.myflex{
  display: flex;
  flex: 1;
}

.text_user_city{
  text-overflow: ellipsis;
  white-space: wrap;
  overflow: hidden;
  font-size: 0.85rem;
  color: grey;
}



.cardrec {
  /* Aggiungi un bordo sottile */
  border: 1px solid #ddd;
  /* Applica un'ombreggiatura per dare l'effetto di elevazione */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Arrotonda leggermente gli angoli */
  border-radius: 8px;
  /* Aggiungi un po' di spazio interno intorno ai contenuti */
  padding: 8px;
  /* Colore di sfondo bianco per separare dal resto del contenuto */
  background-color: #eff;

  @media (min-width: 500px) {
    margin: 1px;
    padding: 4px;
  }
}

.text_title{
  color: blue;
  @media (prefers-color-scheme: dark) {
    color: white;
  }
}

.event_date{
  font-style: italic;
  font-size: 0.85rem;
}