html {
  min-height: 100%;
  background: #070604;
}

body {
  position: relative;
  min-height: 100vh;
  background-color: #070604;
  background-image:
    linear-gradient(rgba(4, 3, 2, 0.18), rgba(4, 3, 2, 0.48)),
    url("background-luxury.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at center, transparent 30%, rgba(0, 0, 0, 0.35) 100%);
}

.profile {
  position: relative;
  z-index: 0;
}

@media (max-width: 700px) {
  body {
    background-attachment: scroll;
    background-size: auto 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  body {
    background-attachment: scroll;
  }
}