html,
body,
button,
input,
select,
textarea {
  font-family: "Press Start 2P", cursive;
}

.card-enter {
  animation: fadeIn 0.4s ease-out forwards;
  opacity: 0;
  transform: translateY(10px);
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nes-container.with-title>.title {
  font-size: 0.65rem;
  margin-bottom: 0.5rem;
}

a.card-link,
a.card-link:hover,
a.card-link * {
  text-decoration: none !important;
}

.card-link:hover .nes-container {
  border-image: none !important;
  border-color: var(--cat-color) !important;
  background-color: #f8fafc;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.1);
}

.nes-badge {
  max-width: 100%;
}

.nes-badge span {
  white-space: nowrap;
  width: auto !important;
  display: inline-block;
}

.nes-badge .is-purple {
  background-color: #b581ff !important;
  color: #fff !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  box-shadow: 0 2px 0 0 #000, 0 -2px 0 0 #000, 2px 0 0 0 #000,
    -2px 0 0 0 #000 !important;
}

.images-slot {
  min-height: 100px;
  margin-top: 0;
  padding: 0;
  overflow: hidden;
}

.images-link {
  width: 100%;
  display: block;
}

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

.nes-icon.envelope {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
}

.nes-icon.envelope::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 2px 4px #000, 3px 4px #000, 4px 4px #000, 5px 4px #000,
    6px 4px #000, 7px 4px #000, 8px 4px #000, 9px 4px #000, 10px 4px #000,
    11px 4px #000, 12px 4px #000, 13px 4px #000, 2px 12px #000,
    3px 12px #000, 4px 12px #000, 5px 12px #000, 6px 12px #000,
    7px 12px #000, 8px 12px #000, 9px 12px #000, 10px 12px #000,
    11px 12px #000, 12px 12px #000, 13px 12px #000, 2px 5px #000,
    2px 6px #000, 2px 7px #000, 2px 8px #000, 2px 9px #000, 2px 10px #000,
    2px 11px #000, 13px 5px #000, 13px 6px #000, 13px 7px #000,
    13px 8px #000, 13px 9px #000, 13px 10px #000, 13px 11px #000,
    3px 5px #000, 4px 6px #000, 5px 7px #000, 6px 8px #000, 7px 9px #000,
    12px 5px #000, 11px 6px #000, 10px 7px #000, 9px 8px #000,
    8px 9px #000, 6px 10px #000, 5px 11px #000, 9px 10px #000,
    10px 11px #000;
}