body {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0;
  background-color: #131313;
  background-image:
    linear-gradient(to right, #1a1a1a 1px, transparent 1px),
    linear-gradient(to bottom, #1a1a1a 1px, transparent 1px);
  background-size: 24px 24px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kolko {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #73abad;
  display: inline-block;
  margin-right: 5px;
}
.menu {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--surface-container-low);
}
.pfp {
  width: 264px;
  height: 286px;
  border-radius: 8px;
  background-color: #1a1a1a;
  position: relative;
  top: 96px;
  left: 320px;
}
.pfp img {
  width: 256px;
  height: 256px;
  object-fit: cover;
  border-radius: 4px;
  top: -px;
  left: 4px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loading {
  --color-1: #ffffff;
  --color-2: rgba(255, 255, 255, 0.2);
  --color-3: rgba(255, 255, 255, 0.5);
  --color-4: rgba(255, 255, 255, 0.7);
  --size: 1px;
  top: 100px;
  left: 124px;
  position: absolute;
  font-size: calc(10 * var(--size));
  width: 10px;
  height: 10px;
  border-radius: 50%;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0);
}
@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-1),
      1.8em -1.8em 0 0em var(--color-2),
      2.5em 0em 0 0em var(--color-2),
      1.75em 1.75em 0 0em var(--color-2),
      0em 2.5em 0 0em var(--color-2),
      -1.8em 1.8em 0 0em var(--color-2),
      -2.6em 0em 0 0em var(--color-3),
      -1.8em -1.8em 0 0em var(--color-4);
  }
  12.5% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-4),
      1.8em -1.8em 0 0em var(--color-1),
      2.5em 0em 0 0em var(--color-2),
      1.75em 1.75em 0 0em var(--color-2),
      0em 2.5em 0 0em var(--color-2),
      -1.8em 1.8em 0 0em var(--color-2),
      -2.6em 0em 0 0em var(--color-2),
      -1.8em -1.8em 0 0em var(--color-3);
  }
  25% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-3),
      1.8em -1.8em 0 0em var(--color-4),
      2.5em 0em 0 0em var(--color-1),
      1.75em 1.75em 0 0em var(--color-2),
      0em 2.5em 0 0em var(--color-2),
      -1.8em 1.8em 0 0em var(--color-2),
      -2.6em 0em 0 0em var(--color-2),
      -1.8em -1.8em 0 0em var(--color-2);
  }
  37.5% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-2),
      1.8em -1.8em 0 0em var(--color-3),
      2.5em 0em 0 0em var(--color-4),
      1.75em 1.75em 0 0em var(--color-1),
      0em 2.5em 0 0em var(--color-2),
      -1.8em 1.8em 0 0em var(--color-2),
      -2.6em 0em 0 0em var(--color-2),
      -1.8em -1.8em 0 0em var(--color-2);
  }
  50% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-2),
      1.8em -1.8em 0 0em var(--color-2),
      2.5em 0em 0 0em var(--color-3),
      1.75em 1.75em 0 0em var(--color-4),
      0em 2.5em 0 0em var(--color-1),
      -1.8em 1.8em 0 0em var(--color-2),
      -2.6em 0em 0 0em var(--color-2),
      -1.8em -1.8em 0 0em var(--color-2);
  }
  62.5% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-2),
      1.8em -1.8em 0 0em var(--color-2),
      2.5em 0em 0 0em var(--color-2),
      1.75em 1.75em 0 0em var(--color-3),
      0em 2.5em 0 0em var(--color-4),
      -1.8em 1.8em 0 0em var(--color-1),
      -2.6em 0em 0 0em var(--color-2),
      -1.8em -1.8em 0 0em var(--color-2);
  }
  75% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-2),
      1.8em -1.8em 0 0em var(--color-2),
      2.5em 0em 0 0em var(--color-2),
      1.75em 1.75em 0 0em var(--color-2),
      0em 2.5em 0 0em var(--color-3),
      -1.8em 1.8em 0 0em var(--color-4),
      -2.6em 0em 0 0em var(--color-1),
      -1.8em -1.8em 0 0em var(--color-2);
  }
  87.5% {
    box-shadow:
      0em -2.6em 0em 0em var(--color-2),
      1.8em -1.8em 0 0em var(--color-2),
      2.5em 0em 0 0em var(--color-2),
      1.75em 1.75em 0 0em var(--color-2),
      0em 2.5em 0 0em var(--color-2),
      -1.8em 1.8em 0 0em var(--color-3),
      -2.6em 0em 0 0em var(--color-4),
      -1.8em -1.8em 0 0em var(--color-1);
  }
}
@media (max-width: 1579px) {
  .pfp {
    top: 0px !important;
    left: 0px !important;
  }
}