.projects {
  display: flex;
}

.project {
  display: block;
  border: 1px solid #ddd;
  max-width: 25ch;
  border-radius: 2px;
  padding: 10px;
}

.project:hover {
  background: #fafafa;
}

.project h3 {
  display: flex;
  align-items: baseline;
}

.project .stars {
  font-weight: normal;
  color: #555;
  font-size: 0.8em;
  margin-left: auto;
}

.project * + * {
  margin-block-start: 0;
}

.project .new-tab {
  margin-left: 5px;
  font-size: 0.8em;
}

.project .stars span[aria-hidden="true"] {
  color: #ccc;
}