This is an old revision of the document!

.dream-card {

  margin-bottom: 20px;
  transition: transform 0.2s;

}

.dream-card:hover {

  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}

.tag-badge {

  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;

}

.archetype-section {

  border-left: 3px solid #007bff;
  padding-left: 10px;
  margin: 10px 0;

}

.symbol-section {

  border-left: 3px solid #28a745;
  padding-left: 10px;
  margin: 10px 0;

}

.search-highlight {

  background-color: #fff3cd;

}

.delete-btn {

  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  transition: opacity 0.2s;

}

.dream-card:hover .delete-btn {

  opacity: 1;

}