html { font-size: 16px; }
 
body {
  font-family: monospace;

  min-height: 100vh;
  background-image:
    radial-gradient(rgb(135, 196, 135))
}

a {
  color: white;
}
a:hover {
  color: cyan;
}

.card-grid{
  display: flex;
  margin: auto;
  max-width: 90%;
  flex-wrap: wrap;
}
.card-img-wrap{
  margin: 5px;
}

.card {
  position: relative;
}

.card-overlay {
  position: absolute;
  bottom: 50px;
  left: 25px;
  display: flex;
  gap: 5px;
  opacity: 0;
  transition: opacity 0.2s;

}

/*desktop card hover */
.card:hover .card-overlay{
  opacity: 1;
}

/*for fucking mobiles */
.card.show-actions .card-overlay {
  opacity: 1;
}

.hidden{
  display: none;
}
.fav-btn{
  font-size: 2.5em;
}
.trade-btn{
  font-size: 2.5em;
}