
.card {
  position: relative;
  background-color: #4c4c4c;

  min-width: 215pt;
  min-height: 340pt;
  width: 215pt;
  height: 340pt;

  padding: 5pt;
  overflow: hidden !important;
}

.card:hover {
  transform: scale(1.01);
}

.card_limit img {
  max-width: 100%;
  height: auto;
  display: block;
}

.card_fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25pt;
  background: linear-gradient(to top, #4c4c4c, transparent);
}


.card_list {
  display: flex;
  overflow-x: auto;
  gap: 12pt;
  padding: 10pt;
}

.post_limiter {
  position: relative;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.post {
  display: flow-root;
  position: relative;
  padding: 5pt;
  background-color: #323232;

  overflow: hidden !important;
}

.post img {
  max-width: 90%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.post_head {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5em;
}
