body {
  margin: 0;
  background: black;
  color: #ccc;
  font-family: "Hina Mincho", serif;
  overflow-x: hidden;
  font-size: 1.43rem;
}

html {
  scrollbar-gutter: stable;
}

.content {
  position: relative;
  z-index: 10;
  padding: 80px 40px;
}

.poster-block {
  /* min-height: 60vh; */
  /* border: 1px solid rgba(255, 255, 255, 0.15); */
  /* margin-bottom: 40px; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* #sketch-holder {
      width: 100%;
      max-width: 400px;
      aspect-ratio: 1 / 1;
    } */

#logo-container {
  position: relative;
  width: 400px;
  height: 400px;
  overflow:visible;
}

#sketch-holder {
  position: absolute;
  top: 0;
  left: 0;
}

#center-text {
  position: absolute;
  top: 55%;
  left: 20%;
  transform: translate(00%, 0%);
  text-align: right;

  color: rgb(210, 210, 210);
  /* font-family: sans-serif; */
  font-size: 3rem;
  /* letter-spacing: 4px; */
  line-height: 58px;

  pointer-events: none;
  z-index: 200;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~  */


.track {
  position: fixed;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  z-index: 5000;
  color:rgb(100, 100, 100);
  background-color: #000;
}
.track.top {
  top: 0;
  left: 0;
  right: 0;
  height: 2rem;
}
.track.bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: 2rem;
}
.track.left {
  left: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  writing-mode: vertical-rl;
  flex-direction: column;
}
.track.right {
  right: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  writing-mode: vertical-rl;
  flex-direction: column;
}

.marquee {
  display: flex;
  animation: scroll-h 18s linear infinite;
}
.marquee.vert {
  flex-direction: column;
  animation: scroll-v 18s linear infinite;
}
.right .marquee.vert {
  animation-direction: reverse;
}

.marquee span {
  padding: 0 2rem;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.marquee.vert span {
  padding: 1.5rem 0;
}

@keyframes scroll-h {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-v {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

.btn-clear {
  background: transparent !important;
  color: #fff !important;
  border-color: #555555;
}

.btn-clear:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: #555555;
}


a {
  text-decoration: none;
  color: #ccc;
}



.gradient-text {
  background: linear-gradient(270deg, #ff6ec4, #7873f5, #4ade80, #facc15);
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 30s ease infinite;
}
.gradient-text-2 {
  background: linear-gradient(150deg, #ff6ec4, #facc15, #4ade80, #7873f5);
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 30s ease infinite;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.table-unstyled {
  --bs-table-border-color: #fefefe;

  color: inherit;
  background-color: transparent;
}

.table-unstyled th,
.table-unstyled td {
  background-color: transparent !important;
  color: inherit;
  border-bottom: 1px solid #323232;
  padding: 0.25rem 0.5rem;
  font-style: inherit;

  font-size: smaller;

}