html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

* {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

a, a * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

a {
  -webkit-user-drag: element;
  user-drag: element;
}

:root {
  --icon-size: clamp(2.5rem, 9vmin, 4rem);
}

#content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, 3vmin, 1.25rem);
  width: min(92vw, max-content);
  box-sizing: border-box;
  padding: 0 1rem;
  transform-style: preserve-3d;
}

#title {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: clamp(2.25rem, 14vmin, 7.5rem);
  line-height: 1;
  color: #000000;
  white-space: nowrap;
}

#buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 4vmin, 1.75rem);
  transform: translateZ(-50px);
}

.icon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  text-decoration: none;
  cursor: pointer;
  transition: transform 150ms ease, opacity 150ms ease;
}

.icon-btn:active,
.icon-btn.pressed {
  transform: scale(0.8);
  opacity: 0.8;
}

.icon-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: var(--icon-size);
  width: auto;
}

@media (hover: none), (pointer: coarse) {
  .icon-btn {
    cursor: default;
  }
}

#solana-btn .icon-check {
  display: none;
}

#solana-btn.copied .icon-default {
  display: none;
}

#solana-btn.copied .icon-check {
  display: block;
}

@media (prefers-color-scheme: dark) {
  html, body {
    background: #000000;
  }

  #title {
    color: #ffffff;
  }

  #x-btn img {
    filter: invert(1);
  }
}