.player-title {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 800;
  letter-spacing: -2px;
}

@media (min-width: 768px) {
  .player-title {
    font-size: 3rem;
  }

  .player-description {
    font-size: 1.5rem;
    font-weight: 600;
  }
}

.prm {
    position: fixed;
    z-index: 100;
    background-color: rgb(255 255 255 / 20%);
    inset: 0 auto 0 0;
    transition: transform var(--duration);

box-shadow: var(--shadow-xl);
    transition: transform var(--duration), opacity var(--duration);
    backdrop-filter: blur(1rem);

}

.prm-image {
    width: 180px;
    border-radius: 1rem;
    cursor: pointer;
    border: 3px solid #ffffff00;
    padding: 0.15rem;
    box-shadow: 0px 8px 17px 2px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}