.tile {
  width: 250px;
  height: 250px;
  background-image: url('https://moosyu.nekoweb.org/assets/wall_dark.png');
  font-family: sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tile-outline {
  color: #fff;
  backdrop-filter: grayscale(100%) brightness(35%) contrast(120%);
  border: 1px dotted #fff;
  border-radius: 30px;
  margin: 10px;
}
.tile-content {
  margin: 15px;
  padding: 5px 30px 5px 30px;
  border-radius: 15px;
  border: dotted #fff 1px;
  background: linear-gradient(
    180deg,
    #313436 0,
    #2e3133 30%,
    #1d242a 50%,
    #0d1013 100%
  );
}
h1 {
  font-family: monospace;
  margin: 0;
}
a {
  color: #e23a45;
  text-decoration: none;
}
.title-title {
  display: flex;
  gap: 10px;
}
.title-title img {
  margin-top: 5px;
}
#marquee-container {
  position: absolute;
  inset: 0;
  width: 250px;
  height: 250px;
  overflow: hidden;
  z-index: 10;
  pointer-events: none;
  background: transparent;
}
.marquee {
  position: absolute;
  white-space: nowrap;
  font-size: 1.2rem;
  pointer-events: none;
  will-change: transform;
}
.marquee img {
  width: 20%;
}