*{
  margin: 0;
  padding:0;
  box-sizing: border-box;
}



p{
  margin: 5px 0;
}

.troy-container { margin:1rem;
  display: grid;direction:rtl;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 1rem;
}

.troy-item {
  background: #ffff;
   box-shadow:10px 14px 30px 0px rgb(0 0 0 / 10%) /*2px 2px 5px rgba(0, 0, 0, 0.1)*/;
  cursor: pointer;
  border-radius: 4px;
  padding: 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  align-items: center;
}

.troy-image {
  width: 50px;
	pointer-events: none;
}

.author {
  font-size: 13px;
  margin: 5px 0;
  color: grey;
}